WEBサイトをはじめ、デザインにおいて適切なバランスの配色や、そのアイデアを出す時に欠かせないのがカラーパレット・配色ツールです。
様々なカラーパレット・配色ツールがありますが、今回はオススメのカラーパレットツールの各特色などをまじえて紹介します。
Adobe Color
カラーホイール、カラーパレットジェネレーター| Adobe Color
デザイン関連ではおなじみのAdobeが無料で提供しているカラーパレットジェネレーターです。
カラーホイールを利用して選択した色に合わせた配色を出力したり、画像からカラーを抽出してカラーパレットを生成することも可能です。
Color Hunt
Color Palettes for Designers and Artists – Color Hunt
ユーザーが投稿した配色パターンが公開されているサイトで、各イメージなどに分類されたパターンが数多く公開されています。
NIPPON COLORS
日本の伝統色ならここ！
日本の伝統色を元にしたカラーパレットが表示されます。
Coolors
Coolors – The super fast color palettes generator!
スペースキーでランダムで色を切り替えたり、色を指定すると適切な4色の配色を出力してくれます。
また、Chrome拡張やFigmaプラグインも用意されています。
BrandColors
BrandColors – official brand color hex codes
名前のとおり世界の有名ブランドのカラーパレットを公開しているサイト。
ブランドがどんな配色を使っているのか知ることができます。
Happy Hues
Happy Hues – Curated colors in context.
左側の配色を選択することで、右側のページがその配色に合わせた配色になるサイト。
カラーパレットだけではイメージしづらいこともあるかと思いますが、このサイトなら選んだ配色がどんなイメージになるのか判断しやすいです。
Palettable
表示された色を好き、嫌いで振り分けいく選択しているツールです。
Color Hex
単純なカラーパレットツールではなく、指定した色の追加情報や代替の色、補色、類似色など様々な情報が表示され、色の百科事典的なサイトともいえるサイトになっています。
ColRD
Discover — Art & Design Inspiration at ColRD.com
画像からのインスピレーションを引き出すことを目的としたサイト。
ユーザーが画像をアップロードしてカラーパレットを見つけることなどもできます。
Colormind
Colormind – the AI powered color palette generator
ディープラーニングを使用して、デザインに最適な色の組み合わせとカラーパレットを生成してくれます。
他にも画像をアップロードしてのカラーパレットの生成や、配色を指定するとテンプレートのデザインから配色を割り当てて出力してカラーパレットのイメージが掴みやい機能を提供しています。
Paletton
Paletton – The Color Scheme Designer
プリセットを使用したり、独自の指定色からカラーパレットを生成してくれます。
シンプルながらも各パターンを出力してくれるほか、CSSとしても出力してくれます。
