Color Token Generator
スタジオ
マニュアル選択
色覚:
通常
P型
D型
T型
全色盲
混同判定(表示):
3.5
5.0
識別性スコア:
-
-
詳細
Export
Format
CSS
Tailwind
JSON
色覚シミュレーション結果
適用先:
-- 選択してください --
キーカラー
セカンダリー
ターシャリー
アクセント 1
アクセント 2
アクセント 3
アクセント 4
適用
コントラスト
ライト背景に対するコントラスト
-
-
:1
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
大きな文字での見え方を確認します
⚠️ コントラスト不足
ダーク背景に対するコントラスト
-
-
:1
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。
大きな文字での見え方を確認します
⚠️ コントラスト不足
カラーチューナー
ドラッグ: ↔ 色相 (Hue)
Shift + ドラッグ: 精密操作