https://coliss.com/articles/build-websites/operation/work/color-scheme-for-web-ui.html

WebサイトのUIに使用するヘッダ、ボタン、イラスト、カード、カラム、ラインなど、UI要素のさまざまなカラースキームをまとめた配色サイトを紹介します。

カラースキームはページ全体、コンポーネントごとにまとめられており、それぞれのカラーは16進のHEX値が記載されています。各カラーをクリックするだけで簡単にコピーして利用できます。

coliss

• 2023年9月現在、カラースキームは16種類。
• 各カラースキームはページ全体やコンポーネントごとにまとめられている。

スキーム

• #001：落ち着いたニュートラルなカラースキーム。モダンで整然とされた雰囲気を出すのに適している。
• #005：デザインに優雅さや洗練された印象を与えるカラーパレット。
• #006：フレンドリーで歓迎的な雰囲気を与えるカラーパレット。
• #011：温かみのあるアースカラーを使用し、オーガニックな印象を与える。
• #013：ホワイトベースのクリアなトーンが清潔さとシンプルさを感じさせる。
• #016：柔らかいパステルカラーを使用して、優しさと心の安らぎを感じさせる。