カラーコンバーター

HEX、RGB、HSL

HEXとRGBは同じものを別の書き方で表します。赤・緑・青の量を0〜255で表し、前者は16進、後者は10進で書きます。HSLは色相・彩度・輝度として色を表し、手で調整しやすい方式です。ブランドカラーを明るく／暗くしたいときはLの値だけ変えます。ティント生成はそれを等間隔で行います。

使う色の確認

ここでの値はsRGBで、これはウェブと多くの画面のカラースペースです。広色域ディスプレイでは、color(display-p3 …)やoklch()といったCSS関数でより鮮やかな色を表示できます。これらには正確に等価なHEX表現はありません。

テキストに色を使う前に、背景との組み合わせをコントラストチェッカーで確認してください。画像から色を拾うには画像カラーピッカーを使います。

使い方

1. HEXカラーを入力するか選択します。
2. RGBとHSLの形式を確認します。
3. 変換結果をコピーします。

プライバシーと制限事項

カラーはローカルのままです。表示はモニターやカラープロファイル設定により見え方が異なる場合があります。