カラーピッカー

色を選び、HEX・RGB・HSLの値を確認します。

色とデザインのツール ブラウザー内で処理 アップロード不要

カラーピッカー

入力例

#336699

確認する点

HEXとRGBは色チャンネル、HSLは色相・彩度・明度です。表記だけで色は変わりません。

関連ツール

色のコントラスト確認 2色のコントラストを計算し、読みやすさを確認します。 HEX → HSL · 変換 HEXの色をHSLに変換します。 HEX → RGB · 変換 HEXの色をRGBに変換します。 HSL → HEX · 変換 HSLの色をHEXに変換します。 HSL → RGB · 変換 HSLの色をRGBに変換します。 RGB → HEX · 変換 RGBの色をCSSで使うHEXに変換します。