カラーツールボックス

色変換器

色名 Sky Blue
明度 65%

カラーパレット生成器

コントラストチェッカー

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

サンプル見出し

コントラスト比 21:1
WCAG AA Normal: ✓ Pass
WCAG AA Large: ✓ Pass
WCAG AAA Normal: ✓ Pass
WCAG AAA Large: ✓ Pass

色覚異常シミュレーター

正常な視覚

シミュレーション視覚

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

使用方法

  1. 色変換器を使用してHEX、RGB、HSL形式間で変換
  2. 異なる配色スキームでカラーパレットを生成
  3. アクセシビリティ準拠のためのカラーコントラスト比をチェック
  4. 色覚異常を持つ人にどのように色が見えるかをシミュレート