5つの色を選ぶだけで、Webサイトの見た目をリアルタイムにプレビューできます。登録不要、無料で使えます。
色を変えた瞬間にプレビューが更新されます。何度でも試せるので、納得いくまで調整できます。
WCAG基準のAAおよびAAAレベルで可読性を自動チェック。アクセシビリティも配慮された配色を作れます。
決まった配色はワンクリックでCSS変数としてコピー。そのままプロジェクトに貼り付けるだけ。
CSSをコピーして、あなたのプロジェクトに貼り付けるだけ。
Webサイトの配色は、ユーザーの第一印象を決める最も重要な要素のひとつです。良い配色は情報の優先順位を明確にし、ブランドの個性を伝えます。
基本は5つのカラーロールを決めること。文字色で読みやすさを確保し、背景色でトーンを作り、主色でブランドを表現する。副色と強調色で変化をつければ、バランスの取れた配色が完成します。
迷ったらランダム生成を何度か試して、気に入った方向性が見つかったら微調整するのがおすすめです。