カラーコード集

タップするだけでHEXコードをコピーできるよ

パステル・くすみ・ビジネス・和色など、ジャンル別に配色をまとめました。デザインやWeb制作の色決めにそのまま使えます。

このツールについて

「カラーコード集」は、デザインやWeb制作でよく使う配色を、ジャンル別にまとめてワンタップでコピーできるツールです。パステル・くすみカラー・ビジネス向け・和色・ポップなど6つのジャンルに分類しており、配色に迷ったときの引き出しとして活用できます。表示されているHEXコード(#から始まる6桁の色指定)は、そのままCSSやIllustrator、Photoshopなどに貼り付けて使えます。

使い方

  1. 上部のタブから、使いたい色の系統(ベーシック・パステル・くすみカラーなど)を選びます。
  2. 表示された色見本の中から、使いたい色のカードをタップします。
  3. HEXコードがクリップボードにコピーされるので、そのままCSSやデザインソフトに貼り付けてください。

制作のヒント