ハマログ

株式会社イーツー・インフォの社員ブログ

Web配色ツール4選

デザインを考えるとき、時々配色がマンネリになってしまうことありませんか?
今回は使ってる配色ツールを紹介したいと思います。

PALETTABLE

https://www.palettable.io/

表示している色が好きではないなら、下の「Dislike」ボタンを押すとランダムで次の色が表示されます。
指定の色を手動でカラーコード入力もできます。
好きなら「Like」ボタンを押すとその色に合う色を最大5色まで出せます。
操作が直感的で簡単なところが気に入ってます!(キーボードでも操作できます)


uiGradients

https://uigradients.com/

こちらもキーボードで操作でき、UIがすごく使いやすいツールです。
好きなグラデーション決めたらCSSコピーはもちろん、画像ダウンロードもできます。
GitHubでプルリクエストを送って自分が作ったグラデーションを追加してもらうこともできます。


NIPPON COLORS

http://nipponcolors.com/

日本の伝統色を紹介するサイトです。
かっこいい!としか言えないです。
細かいところまで工夫かけていて、見るだけでも気持ちいいです。


BrandColors

https://brandcolors.net/

名前の通り、様々なブランドカラーが並べてあります。
(ほとんどWEBサービスかな?)
SNSのバナーやアイコンを作るときに便利!
知らないサービスもたくさんあるので、色々見るのも面白いです。


以上、皆様の参考になれたらいいな(^_^)

  yt   2019年9月26日


関連記事

UI/UXデザイナーLT会を参加してきました!

先日、LT会という形式のイベントを参加してきました。「LT会」とは「ライトニング…

VSCodeプラグイン「Live Sass Compiler」のフォーマット設定が効かない時の解決法

とあるプロジェクトではモックを作った時にSass周りの設定をしました。 リリース…

思わず見入ってしまう、面白い404エラーページを調べてみた!

先日、Twitterを見ていて、あるリンクを押したところこんなエラーページが表示…


← 前の投稿

次の投稿 →