色温度
カラー
ケルビン温度(1000〜12000 K)を Tanner Helland の区分フィットで近似された黒体 RGB にマッピング。WB リファレンスの設定、CSS の `color-temperature` 風アクセントの選択、または「温かい 2700 K」が実際にどう見えるかを知るのに便利。プリセットはろうそく、タングステン、昼光(D65)、カメラフラッシュ、曇天 / 晴天空をカバー。
—
5500 K · #FFEDDE
ケルビン5500 K
出力
- HEX#FFEDDE
- RGBrgb(255, 237, 222)
- CSScolor: #FFEDDE
プリセット
Tanner Helland による近似;約 1000〜40000 K の範囲で典型的に ±100 K の精度。
使い方
- スライダーをドラッグするか、プリセットを選択して既知の光源にジャンプ。
- 上のスウォッチの HEX / RGB / CSS 値を読み取り。
- 正確なケルビン数値が必要なら入力。
よくある質問
- なぜ同じケルビンでもディスプレイで違って見える?
- ここでのマッピングは、ガンマ、モニターのホワイトポイント、色順応変換の前の理論的なプランク(黒体)色。実際のディスプレイは独自のパイプラインで動作する — 6500 K(D65)と 5500 K(映画 / カメラ)周辺が最も色精度の高いランドマーク。
- なぜ約 10000 K 以上で曲線が崩れる?
- 約 6600 K 以上で黒体は彩度の高いシアン、その後彩度の高い青になる。目は色順応のために色あせた白として知覚するが、RGB トリプルは温かい側で赤を 255 に、冷たい側で青を 255 に確実にピン留めする。
- これは写真家が言う「ホワイトバランス」と同じ?
- そんな感じ。WB は逆 — カメラがシーンの見かけの温度を測定し、反対の色合いを適用して中性の被写体が中性にレンダリングされるようにする。同じケルビンスケールが入力 — 昼光 5500 K、タングステン 3200 K など。
関連ツール
色覚シミュレーター
8 種類の色覚異常(CVD)で画像がどう見えるかを再現。
カラー00
CSS Box Shadow ジェネレーター
複数レイヤーで CSS box-shadow を視覚的にデザイン — リアルタイムプレビュー + CSS / Tailwind 出力。
カラー00
カラーフォーマット変換
任意の色を HEX・RGB・HSL・HSV・OKLCH・CSS 変数で一括変換。
カラー00
CSS グラデーションジェネレーター
線形・放射状 CSS グラデーションを多段カラーストップでデザインし、コードをコピー。
カラー00
カラーパレット ジェネレーター
基準色から 6 種類のスキームで調和の取れたパレットを作成。
カラー00
カラーコントラスト チェッカー
文字/背景のコントラストを WCAG AA・AAA 基準でチェック。
カラー00