波長→色 変換器(nm → sRGB)
スライダーを動かすか虹バーをクリックして 380 nm(紫)〜780 nm(赤)の波長を選ぶと、対応する sRGB 近似が hex / rgb() / hsl() で表示されます。グラデーションバーは Dan Bruton による有名な CIE 1931 等色関数のピースワイズ多項式近似で 81 波長をサンプリングした連続 CSS グラデーション、視感度が落ちるスペクトル端で輝度ロールオフを適用しています。下には Joseph von Fraunhofer が 1814 年に太陽スペクトルから整理したフラウンホーファー吸収線表 — 水素 α(Hα, 656.3 nm)、ナトリウム D 二重線、マグネシウム b 線、分光・恒星分類の標準である Ca II H/K 線などを収録。
| A | 759.4 nm | O₂ (telluric) | |
| B | 686.7 nm | O₂ (telluric) | |
| C / Hα | 656.3 nm | Hydrogen | |
| D₁ (Na) | 589.6 nm | Sodium | |
| D₂ (Na) | 589 nm | Sodium | |
| E | 527 nm | Iron | |
| b₁ (Mg) | 518.4 nm | Magnesium | |
| F / Hβ | 486.1 nm | Hydrogen | |
| G / Hγ | 434 nm | Hydrogen / Ca / Fe | |
| H (Ca II) | 396.8 nm | Calcium | |
| K (Ca II) | 393.4 nm | Calcium |
RGB マッピングは Dan Bruton の CIE 1931 等色関数ピースワイズ近似と輝度ロールオフを使用。sRGB 色域は可視光より狭く、単色光は色域外で、色域内最近接色として表示されます。
使い方
- スライダーを動かすか、スペクトルバーの任意の場所をクリックして波長を選択。
- 得られる sRGB 色が hex、rgb()、hsl() 形式で表示 — 各行の横でワンクリックコピー。
- フラウンホーファー線テーブルの行をクリックすると、その波長(例:水素 α 656 nm、ナトリウム D 589 nm)にジャンプ。
よくある質問
- なぜ端の色が暗かったり淡く見える?
- 人の目は約 420 nm 未満や 700 nm 超で大きく感度が落ちます — 長/短波錐体の応答が急減するため。変換器はその領域で輝度ロールオフを適用して感覚的な暗さを再現します。なので「純 380 nm」は鮮やかな紫ではなく暗い紫として描画されます。
- RGB マッピングは正確?
- 有用な近似であって測色基準ではありません。ピースワイズ関数は可視光の色相変化をよく表しますが、sRGB の色域は可視光より狭く、単色光(特に 480〜500 nm のディープシアン)は物理的に画面で再現できません。表示色は色域内で最も近い近似です。
- フラウンホーファー線とは?
- 太陽大気中の元素が特定波長を吸収して生じる太陽スペクトルの暗い隙間。Fraunhofer が 1814 年に約 570 本を整理し、強いものに A〜K のラベル。今でも分光・恒星分類の標準波長です。例えば 589 nm の D 線は、ナトリウム街灯で見るあの黄色と同じ。
- 紫外線や赤外線は?
- UV(380 nm 未満)と IR(780 nm 超)は人には見えないので黒で表示。波長セレクタは可視範囲に制限。ブラックライトの紫光は実際は 400〜420 nm 付近 — 真の UV は可視範囲外です。
関連ツール
ランダムカラー生成
ランダムな色を HEX・RGB・HSL でまとめて生成 — 個数を選び、ワンクリックでコピー、すぐに再生成してデザインの着想に。
HSL カラーピッカー
色相・彩度・明度・アルファのスライダーで色を調整 — HEX・RGB・HSL・Tailwind 任意値をコピー。
カラーフォーマット変換
任意の色を HEX・RGB・HSL・HSV・OKLCH・CSS 変数で一括変換。
CMYK ↔ RGB カラー変換ツール(印刷用色空間)
画面用RGB/hexと印刷用CMYKパーセントを相互変換します。Simple、GCR(グレーコンポーネント置換)、UCR(アンダーカラー除去)のブラック生成方式、チャンネル分版プレビュー、総インク被覆率表示に対応。
CSS 名前付きカラー
147 個の CSS / X11 named color — HEX・RGB・ライブスウォッチ、検索・色相系列別グループ化。
Tailwind カラーパレット
Tailwind CSS のデフォルトパレット全体 — 22 色相 × 11 シェード(50〜950)— クリックで Tailwind クラス、HEX、rgb() としてコピー。