メインコンテンツへ移動
ToolShed
検索
⌘
K
人気
新着ツール
?
読み込み中...
🏠
探す
☰
カテゴリ
🔥
人気
?
について
ホーム
/
カラー
/
色温度(K)→RGB近似
◉
色温度(K)→RGB近似
color/color-kelvin-to-rgb
ケルビン値をTanner Helland系の近似式で rgb(R, G, B) 文字列へ変換するツール。
最終更新日
2026-07-03
・ by
yuzlrin
このツールでできること
色温度(K)→RGB近似では、ケルビン値をTanner Helland系の近似式で rgb(R, G, B) 文字列へ変換するツール。
関連する観点として 色温度(K)→RGB近似、kelvin to rgb、color kelvin to rgb を確認し、結果をコピーして別の作業に使えます。
カラーを入力
結果
コピー
使い方
色入力欄に 6500 のようなKelvin値を数値で入力します。
結果欄で rgb(255, 254, 250) のようなCSS rgb() 文字列を確認します。
0や数値化できない文字列は空になるため、K記号を付けずに数字だけを入れます。
Copy ボタンで近似RGB値をコピーします。
入力例・出力例
INPUT
6500
OUTPUT
rgb(255, 254, 250)
node検算済み。昼白色付近の近似です。
INPUT
2700
OUTPUT
rgb(255, 167, 87)
低い色温度では赤みの強い値になります。
INPUT
40000
OUTPUT
rgb(152, 186, 255)
実装は40000Kでも計算しますが、あくまで近似式の結果です。
よくある利用シーン
照明色温度の目安をWeb用のrgb()値へざっくり置き換えたいとき。
2700K、6500Kなどの代表値をUIモックの色候補として比較したいとき。
厳密なCIE変換ではなく、ブラウザ上で扱いやすい近似RGBが欲しいとき。
結果確認のポイント
色空間、透明度、コントラスト、コピーしたコード形式が用途に合うか確認してください。
色温度(K)→RGB近似、kelvin to rgb、color kelvin to rgbの観点で、入力内容と出力内容がずれていないか見直してください。
コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。
注意点
画面やOSの色管理により見え方が変わるため、最終判断は実機でも確認してください。
結果を公開・送信する前に、用途に合う形式かを必ず確認してください。
データの扱い / プライバシー
色温度(K)→RGB近似の主要な処理はブラウザ内で実行されます。
入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。
FAQ
よくある
質問
色温度からRGBへの変換はどのような方法で計算されますか?
入力値を100で割り、Tanner Helland系の対数・べき乗近似式でR・G・Bを計算して0〜255に丸めます。範囲チェックはないため、1000K〜12000Kに限定せず、40000Kのような値も近似計算して rgb(152, 186, 255) のように返します。
入力できる色温度の範囲はどのくらいですか?
実装上は 1000K〜12000K などの範囲制限をしていません。0や数値化できない入力は空になりますが、40000 のような大きい値も近似式に通します。照明の目安としては2700K前後の電球色、5500〜6500K前後の昼光がよく使われます。
この変換は厳密な値ですか、それとも近似ですか?
近似値です。物理的な黒体放射の CIE 色度座標から厳密に変換するには色空間行列変換が必要ですが、このツールの数式は視覚的に自然な結果を素早く得る用途に十分な精度を持っています。
関連ツール
カラーシェード生成
指定色の明暗バリエーション(10段階)を自動生成。
アクセシブルカラー生成
前景色・背景色をHEXで指定するとWCAG 2.1のコントラスト比を自動計算。通常テキスト(AA 4.5:1/AAA 7:1)と大きい文字(AA 3:1/AAA 4.5:1)それぞれの合否をバッジで表示し、プレビュー文で実際の見え方も確認できます。
ANSIカラー一覧
ANSIエスケープシーケンスの文字色コード(標準8色 SGR 30〜37、高輝度8色 90〜97)と背景色コード(40〜47、100〜107)を色名・番号・エスケープシーケンスの対応表で確認できるツール。ターミナル配色の把握やシェルスクリプトの色指定に。
ブランドカラー一覧
主要ブランド名と代表的なHEXカラー値を2列の固定表で確認できる。
CMYK→HEX変換
CMYKカラー値をHEXに変換する。
コントラスト比早見表
WCAGでよく使う1:1、3:1、4.5:1、7:1、21:1の意味を固定表で確認できる。
WCAG AA 白背景
入力HEX色を白背景と比較し、通常テキストと大テキストのWCAG AA到達可否を表示する。
HEX #追加
改行区切りの各行について、#が無いHEX表記の先頭に#を付ける単純変換。