zaqro toolszaqro tools

カラーコンバーター

HEX・RGB・HSL・HSV・CMYKの相互変換、カラーパレット生成、WCAGコントラスト比計算。データは外部に送信されません。

プレビュー

#000000

rgba(0, 0, 0, 1)

HEX
RGB
HSL
HSV
CMYK
アルファ (透明度)
1.00

カラーパレット

#000000

#000000

WCAGコントラスト比

CSS出力

color: #000000;

color: rgb(0, 0, 0);

color: rgba(0, 0, 0, 1);

color: hsl(0, 0%, 0%);

カラー表現形式について

色はさまざまな形式で表現できます。Web開発ではHEX（16進数）やRGBが一般的ですが、 色相・彩度を直感的に操作するにはHSL/HSVが便利です。印刷業界ではCMYKが標準です。

WCAGコントラスト比

WCAG 2.0では、テキストと背景のコントラスト比に基準を設けています。 AAA（7:1以上）、AA（4.5:1以上）、AA Large（大きいテキストで3:1以上）の3段階で評価されます。 アクセシブルなWebサイトを作るために、十分なコントラスト比を確保しましょう。

カラーパレットの種類

  • 補色: 色相環で180度反対の色。高いコントラストが得られます。
  • 類似色: 色相環で隣接する色。調和のとれた配色になります。
  • 三色配色: 色相環を3等分した色。バランスの取れた鮮やかな配色です。
  • 四色配色: 色相環を4等分した色。豊かなカラーバリエーションが得られます。
  • 分裂補色: 補色の両隣の色。補色より穏やかなコントラストです。