開発者ツール
カラーコード変換
HEX・RGB・HSL形式のカラーコードを即座に変換します。色の値を入力すれば3つの形式すべてを確認できます。
色を入力
結果
色の値がここに表示されます。
使い方
- HEX（
#1e90ff）、RGB（rgb(30,144,255)）、HSL（hsl(210,100%,56%)）のいずれかの形式で色を入力します。 - 形式は自動的に判別され、3つの形式すべてに同時変換されます。
- 結果の色がリアルタイムで表示され、各値を個別にコピーできます。
カラー形式について
HEXは赤・緑・青をそれぞれ2桁の16進数（00〜FF）で表します。RGBは同じチャンネルを0〜255の10進数で表します。HSL（色相・彩度・明度）は色相環上の位置（0〜360°）、彩度と明度をパーセントで表すため直感的です。これにより色相を保ったまま明るさや鮮やかさを調整したバリエーションを作りやすくなります。
主な用途
- デザイナーから受け取ったHEX値をCSS変数用のRGB/HSLに変換する
- 色相を固定したまま明度を調整してカラーバリエーションを作る
- カラーコードの実際の見た目を素早く確認する