Webサイトの色の選び方
インターフェースに必要なのは、たいていブランドのメインカラー、操作（ボタンやリンク）用のアクセントカラー、そして背景・枠線・文字用のグレーの階調だけです。いつも同じカラーコードを使って統一感を保ち、CSS変数で適用しましょう。
パレットをCSSとしてコピー
各カードには、5色すべてのCSSをコピーできるボタンがあります。スタイルシートに貼り付けて、プロジェクトに合わせて変数名を変更してください。色をタップすれば、1色ずつコピーすることもできます。
コントラストとアクセシビリティ
公開する前に、文字が背景の上で読みやすいか確認しましょう。コントラストチェッカーを使えば、WCAGのAAまたはAAAレベルを満たしているか確かめられます。アクセシビリティにもSEOにも大切なポイントです。
一から自分で作りたい方は、カラーパレットジェネレーターを使ったり、画像からパレットを抽出したり、色のコントラストをチェックしたりしてみてください。