セブではたらく(ブリッジエンジニア)
セブではたらく(ブリッジエンジニア)
2019.11.12

Webデザインに役立つ配色パターンが豊富なカラーパレット系サービス6選

モモコ

こんにちは、デザイナーのモモコです。

今回はデザインの重要な要素の一つである、色選びの際に参考になる便利なツールやサイトをご紹介します。Webカラーのカラーパレット系サービスを中心にチョイスしましたので、配色などでお悩みの方はぜひご参考にしてみてください!

※ この記事は、2015年2月27日に公開された記事を、最新状況をふまえて再編集したものです。




便利なカラーパレット系サービス6選

coolors

「coolors」サイトのイメージ画像

直感的な操作でスタイリッシュな色の組み合わせが作成できるサイト。

HSBなど詳細な数値の指定や、色の配置換えも可能です。常にバージョンアップがされています。

shade

「shade」サイトのイメージ画像

プレビューを見ながら簡単に綺麗なグラデーションを作成できるサイト。

ベースになる色を選んで色相や彩度を調整したら、CSSも書き出してくれるのでそのまま組み込んで使用できます!

rgb.to

「rgb」サイトのイメージ画像

一番上のフォームエリアに色のコードやキーワードなどを打ち込むと、さまざまな形式で出力してくれる便利なサービス。

RGBやCMYKへの変換、CSS・指定した色に合う組み合わせなどをまとめて出力されるのがありがたいですね。

  • 1
  • 2