Simple Color Palette

使い方

1. プレビュー欄に好きな文字を入力します。
2. 「文字色」または「背景色」を選び、カラーパレットから色を選択します。
3. フォント・文字サイズ・文字揃えを調整し、見た目を確認します。
4. コントラスト比とAA / AAA表示を参考に、読みやすい組み合わせを探します。
5. 必要に応じてPNG保存、HEX・RGB・HTML・CSSのコピーを利用します。

Simple Color Palette の特徴

• 15段階の色スケール：濃淡を少しずつ比較しながら選べます。
• 文字色と背景色を同時確認：実際の組み合わせをプレビューできます。
• コントラスト確認：WCAGのAA / AAA目安をその場で確認できます。
• 自由色にも対応：パレットにない色はカラーピッカーやHEXで指定できます。
• コードをすぐ利用：HEX・RGB・HTML・CSSをコピーできます。
• 画像として保存：作成したプレビューをPNG画像として保存できます。