カラーコンバーター
色をHEX、RGB、HSLの間で変換します。
カラーコンバーターブラウザ内で実行
色を選択
HEX
#12715a
RGB
rgb(18, 113, 90)
HSL
hsl(165, 73%, 26%)
すべてブラウザ内で実行され、入力内容はどこにもアップロードされません。
使い方
- 1カラーピッカーで色を選ぶか、HEXコードを入力します。
- 2HEX、RGB、HSL の値とカラープレビューが表示されます。
- 3必要な形式の横にあるコピーボタンで値をコピーします。
こんなときに
- デザインツールのHEXコードを、CSSで使う rgb() や hsl() に変換したいとき。
- HSL の値を見て、同じ色相で明るさだけを変えたバリエーションを考えたいとき。
よくある質問
HEX、RGB、HSL の違いは？
HEX と RGB はどちらも赤・緑・青の量で色を表し、HEX は16進数、RGB は0〜255の数値で書きます。HSL は色相・彩度・明度で表すため、明るさの調整が直感的です。
RGB や HSL から変換できますか？
入力はHEXコード（3桁または6桁）とカラーピッカーに対応しています。RGB や HSL を直接入力することはできません。
関連ツール
この作業を、運用の中で自動化する。
tixigen なら、SEO・メタ情報・多言語公開を一つの流れで管理できます。