このツールについて
「カラーコード集」は、デザインやWeb制作でよく使う配色を、ジャンル別にまとめてワンタップでコピーできるツールです。パステル・くすみカラー・ビジネス向け・和色・ポップなど6つのジャンルに分類しており、配色に迷ったときの引き出しとして活用できます。表示されているHEXコード(#から始まる6桁の色指定)は、そのままCSSやIllustrator、Photoshopなどに貼り付けて使えます。
使い方
- 上部のタブから、使いたい色の系統(ベーシック・パステル・くすみカラーなど)を選びます。
- 表示された色見本の中から、使いたい色のカードをタップします。
- HEXコードがクリップボードにコピーされるので、そのままCSSやデザインソフトに貼り付けてください。
制作のヒント
- パステルやくすみカラーは、彩度が低いぶん文字色とのコントラストが不足しがちです。背景色に使う場合は「配色コントラストチェッカー」で読みやすさを確認するのがおすすめです。
- 和色・秋色のジャンルは、季節感のあるチラシやDM制作のときに使いやすい配色をそろえています。
- 1色決まったら「カラーパレットジェネレーター」で、その色に合う配色を広げていくとまとまりが出ます。