配色のアイデアに。シンプルで参考になる配色パタン・カラーパレットサイト

こんにちは 藤原です。

配色に迷ったら参考にしているサイトをご紹介します。
カラーパレット系のサイトはいろいろありますが、
今回紹介するのはパッと見て俯瞰しやすく使いやすいシンプルなサイトに絞りました。

それではどぞー。

Material Design Color Style

マテリアルカラーの一覧が俯瞰しやすくて便利です。

https://material.io/guidelines/style/color.html#color-color-palette

Color Hex

カラーコードを入力したら補色やら類似色を出してくれるので便利です。
アクセントカラーのヒントに。

https://www.colorhexa.com/

ColorDrop

洗練されたカラーパレット。配色のアイデア想起に。

https://colordrop.io/

デザインを学ぶすべての人に贈る、配色アイデア見本101選【2018年保存版】

洗練されたカラーパタン。こちらも配色のアイデア想起に。
http://photoshopvip.net/107367

 

続いてグラデーション系の洗練されたパレットを紹介します。

coolHue

uiGradients

https://uigradients.com/
(左上のハンバーガーメニュー押すと一覧みれます)

【番外編】SNS、webサービスのカラー 一覧

Guideline Colour
有名どころのwebサービスのガイドラインカラーのまとめ
http://guidelinecolour.com/?p=tools/guidelinecolours/

主要SNS・WEBサービスのブランドカラーコードまとめ
http://www.ukar.jp/blog/sns-color-code-2098

【番外編】大手サービスのリンクカラー

リンクカラーほかサイトはどうしてるのか、参考に。

SNSやWebサービスなどのロゴの色(ブランドカラー)を調べてみた
http://weboook.blog22.fc2.com/blog-entry-399.html

大手サイトで使われているテキストリンクの色一覧
https://www.yuu-diaryblog.com/2016/09/26/linkcolor/

 

 

以上です。

それでは。