カラーパレット作成：ツールとアプリ

選び方のポイント

実際の画面デザインでパレットを試し、見出し、本文、ボタン、警告の色を配置してライトテーマとダークテーマの両方で確認します。色覚シミュレーションがあるツールでは、色の区別がつくかもチェックしましょう。

書き出し形式（HEX、RGB、HSL、CSS変数、デザインアプリ用ファイル）と、保存にアカウントが必要かを公式ページで確認してください。印刷でCMYKや特色の値が必要な場合、画面の色からの変換は近似値にすぎないことを覚えておきましょう。

文字色が十分に読みやすいかはどう判断しますか？WCAG 2では、通常の文字で4.5:1以上、大きな文字で3:1以上のコントラスト比が推奨されています。コントラストチェッカーに文字色と背景色を入力し、基準を下回る場合はどちらかを濃くするか薄くしましょう。

写真からパレットを抽出するだけで十分ですか？写真の主要な色はよい出発点ですが、UIの文字やボタンに十分なコントラストが得られるとは限りません。抽出した色はアクセントとして使い、読みやすさのためにニュートラルな色を加えましょう。