Primary Color を決めて、コードに落とし込むまで

2022-06-03
2022-06-04

サービスのPriamryColorキメの研究

Primary Colorの決定からコードに落とし込む

  1. Primary colorを決める。カラーホイールを理解して、3次色から一般的に選ぶ。https://material.io/ のカラーパレットから選ぶと良いかも
  2. Primary color から System colorを生成する。下記サイトなどを使って、success, danger (100 ~ 900)などを決める
  3. コードに落とし込む。(tailwind.config.jsなど)

https://colors.eva.design/

Practice

  • 自分が知っているサービスのブランドカラーを感情表現で分類する
  • 著名な絵画などを並べ、色を抽出す

https://klizos.com/guide-101-color-psychology-in-website-design/