配色参考サイトTOP5

ベテランデザインでも悩むことは、カラー選択です。
配色の悩みの時間を減らし、作業のクオリティを高められる最適な配色の組み合わせを見つけることが出来る、配色参考サイトtop5をご紹介します。

目次

Adobe Color

Adobeが提供するカラーツールで、カラーパレットを作成したり、配色を調整できます。
アップロードした画像から色を抽出し、配色パレットを生成する機能がありますので自分がイメージする配色と画像の配色との差異を調整することができます。

Coolors

ランダムでカラースキームを生成する機能があるため、色のバリエーションを簡単に見ることができます。
また、作成したカラーパレットを自分のアカウントに保存できますので後で編集することができるだけでなく、共有することも可能です。

Color Hunt

数多くのカラーパレットが用意されています。これらのカラーパレットは、Webデザインでよく使われる配色や、トレンドに沿った配色などが含まれており、ユーザーが使いたい色を見つけやすくなっています。
また、CSS、PNG、SVG、ASE、PDFなどデザイン作業で必要な形式でダウンロードできるのも便利な点です。

Material Palette

Googleが提供するカラーツールで、GoogleのデザインフレームワークであるMaterial Designに基づいたカラーパレットを生成することができます。Webアクセシビリティの基準であるWCAG2.0のレベルAAやAAAの規定に基づいた配色を作ることができます。

ColorSpace

RGB、CMYK、HSV、HSLなど、様々なカラーモードで色を調整できます。
作成したカラーパレットはCSS、SCSS、Sass、Less、Stylus、Swiftなどのコード形式でダウンロードできるので直接使うことができます。

Webデザインにおいて、配色は非常に重要な要素です。
以上のサイトを活用することで、より魅力的で効果的な配色を選ぶことができます。

よかったらシェアお願いします!
  • URLをコピーしました!
目次