プラカンブログ
プラカンブログ

プラカンブログ

配色に迷ったときに便利なおすすめサイト

はじめまして。9月より入社しました中村です。
人生初のブログなので緊張が止まりませんが頑張ります!笑

さてさて。私はデザインを考えるときに配色で悩んでしまうことがよくあります... 悩み始めたら止まらない!そんなときに役立つサイトを調べてもたくさんありすぎて正直迷ってしまいます。 今回は個人的にお世話になっているサイトを備忘録的に記録しつつご紹介したいと思います!

1.colorate

https://colorate.azurewebsites.net/ja
特徴 : 色を言語化してくれる

colorateは個人的にとても気に入っているツールです。好きな色を選択すると、
● 色の説明 ● 4つの雰囲気別配色パターン ● CSSコード ● グラデーション ● コントラスト比 ● 補色 などを見ることができます。
この色がどんな色なのか、言葉で説明が載っているところがおすすめポイントです!
配色ツールは英語のものが多いですが、こちらは日本語なのでとても助かっています。

2.COLOR SUPPLY

https://colorsupplyyy.com/app
特徴 : 色相環から配色を探せる、楽しい 笑

COLOR SUPPLYは色相環から配色を探すことができるツールです。
補色、類似色、色配色、分裂補色、4色配色の5つのパターンが用意されていて、色相環上の黒い丸を動かすだけで配色を探すことができます。
色相環下のサンプルイラストが選択した配色に変わってくれるので配色を探すのが楽しくなります。 ページデザインもとてもシンプルでわかりやすいです。

3.NIPPON COLORS

https://nipponcolors.com/
特徴 : 和なカラーを探すならこれ

このサイトは色んな所で紹介されていてとても有名ですよね...(でも私も紹介したい)
日本の伝統的な色が250色まとめられているそうです。
色の名前ってこんなにあるんだ~と何回見ても感心します。すご~
ページのデザインがとってもいい感じなので見てるだけでアイデアが湧いてきそうです!
ついつい時間を忘れてみてしまいます。注意!

4.Colorion

https://www.colorion.co/
特徴 : 数が多い、人気順で見れる

調べていてびっくりしたのですが、2000種類以上の配色パレットが載っているそうです。
人気順で見れるのがとても良く、どんな配色が流行っているのかわかるのでとても勉強になります!
好きな色を選択すると簡単にカラーコードをコピーできますし、使いたい色が決まっていてもその色から配色を探すことができるので便利です。

5.Ear Palettes

https://www.eggradients.com/color-palette-inspiration
特徴 : 音楽好きな人は絶対楽しい

こちらはCDなどのジャケットの配色がまとめられたサイトです。
作業中に参考になるかと言われたらちょっと違うかもしれないのですが、音楽好きな方なら見ているだけでワクワクすると思います。
おしゃれなジャケットが多いのでちょっと時間がある時に見ているだけでも楽しいです。 ちなみに、好きなバンドのジャケあるかな~と探してみましたが全然ありませんでした。笑 悲しい...

以上!今回はこんなところでお許しください... 配色のことで悩み過ぎると頭が色のことでいっぱいになって2001年宇宙の旅の後半部分みたいなテンションになってしまいます。(伝わった人仲良くなりたい) 私自身webデザインはほぼ未経験からのスタートなのですが、日々webデザインの奥深さを実感しています... 早く一人前のデザイナーになれるように頑張ります!!!
この記事は NAKAMURA が書きました。

プラカン(PLUS DESIGN COMPANY)が目指す3つの顧客満足

  1. ホームページのできあがりに
    満足していただく

    • お客様のご要望、目的の達成
    • ホームページの利便性や満足度の向上
    • ブランドイメージの向上 など
  2. 仕事の進め方に
    満足していただく

    • スケジュール遅延のないスムーズな進行
    • お客様の理解度、知識、経験に応じた親切で分かりやすい進行
    • セキュリティ意識の高い安全な進行管理 など
  3. サポート・フォーローに
    満足していただく

    • 公開後も安心なサーバー保守、CMS保守、コンテンツの保守管理
    • 集客、コンバージョンを強化するためのアクセスログ解析
    • 集客、コンバージョンを強化するためのコンテンツの改善 など

詳しくはWEBコンサルティングをご覧ください

WEBコンサルティング

ホームページに関するご要望がございましたら、お気軽にご相談ください。

Contact Us

お問い合わせをお考えの方

お問い合わせ

Estimate

お見積りをご希望の方

お見積り

お電話でのお問い合わせ