カラーコード変換・カラーピッカー

色を選ぶかHEXカラーコードを入力すると、HEX・RGB・HSL・HSV・CMYK・LAB・LCHの7種類へ自動変換できます。
必要なカラーコードはワンタップでコピーでき、気に入った色は★からお気に入りカラーへ保存できます。
※約1,000色の色見本を、色系統・明るさ・鮮やかさで絞り込みながら探すこともできます。

使い方

  1. 色を選ぶカラーピッカー、HEX入力、色見本から選択
  2. コードをコピー使いたい形式のコピーボタンを押す
  3. お気に入りに保存よく使う色は★で最大20色まで保存

色を選んでカラーコードをコピー

サンプルテキスト #3399FF
HEX #3399FF
RGB rgb(51, 153, 255)
HSL hsl(210, 100%, 60%)
HSV hsv(210, 80%, 100%)
CMYK cmyk(80%, 40%, 0%, 0%)
LAB lab(63.0, 1.9, -59.9)
LCH lch(63.0, 59.9, 271.8°)

CMYKは画面色（sRGB）から換算した参考値です。印刷時の色を保証するものではありません。

お気に入りカラー

0 / 20色

お気に入りカラーはこのブラウザに保存されるため、次回このページを開いたときにも再利用できます。画像から色を取得するページとも共通で利用できます。

明るさ違い

色を押すと、その色を選択できます。★を押すと直接お気に入りへ追加できます。

色見本から選ぶ

約1,000色を、色系統・明るさ・鮮やかさから絞り込めます。色見本を押すとページ上部の変換欄へ移動し、その色の7種類のカラーコード、明るさ違い、配色候補を確認できます。コピーボタンからHEXを直接コピーすることもできます。

色系統
明るさ
鮮やかさ

993色を表示しています。