どの形式を変換できますか？

HEX / RGB / HSL の相互変換に対応し、値をすぐコピーできます。

パレットはどう作りますか？

ベースカラーと配色スキームを選び、Generate でパレットを作成します。

前景/背景色を選ぶと、コントラスト比と WCAG AA/AAA の判定が表示されます。

代表的な色覚特性での見え方をプレビューします。

はい。CSS 変数（:root { --color-1: ... }）をクリップボードへコピーできます。

色を選択

HEX

RGB

HSL

色名 Sky Blue

明度 65%

ベースカラー

配色スキーム

前景色

背景色

コントラストテスト用のサンプルテキスト

コントラスト比 21:1

WCAG AA Normal: ✓ Pass

WCAG AA Large: ✓ Pass

WCAG AAA Normal: ✓ Pass

WCAG AAA Large: ✓ Pass

テストカラー

色覚異常タイプ

色覚異常のタイプを選択して、異なる色覚異常を持つ人にどのように色が見えるかを確認してください。