カラーピッカー

色を選択してHEX、RGB、HSL、HSV、CMYK間で変換

#6B21A8

WCAGコントラストチェック

白テキスト
8.72:1
AA: ✅ | AAA: ✅
黒テキスト
2.41:1
AA: ❌ | AAA: ❌

カラーハーモニー

補色
類似色
トライアド

明度と暗度

すべての形式

hex#6B21A8
rgbrgb(107, 33, 168)
hslhsl(273, 67%, 39%)
hsvhsv(273, 80%, 66%)
cmykcmyk(36%, 80%, 0%, 34%)
CSScolor: #6B21A8;

色空間について

  • • HEX — ウェブデザインで使われる16進数カラーコード（例：#FF5733）
  • • RGB — 赤、緑、青 — 画面用の加法混色モデル
  • • HSL — 色相、彩度、明度 — 人間に直感的
  • • HSV — 色相、彩度、値 — Photoshopなどで使用
  • • CMYK — シアン、マゼンタ、イエロー、ブラック — 印刷用の減法混色モデル