← ツール一覧カラー設計(変換・主色抽出)の使い方 →
本文へスキップ
ブラウザ処理
Design Utility

カラー設計(変換・主色抽出)

色の変換、配色、画像からの色抽出、CSSグラデーション作成を一つの画面で扱えます。

画像は端末内で読み取り、サーバーへ送信しません。

色変換


読みやすさ

見出しサンプル

本文の読みやすさを確認します。

配色パレット

画像の主色抽出

CSSグラデーション生成


使いどころ

  • ツール画面、サムネイル、資料の色を決める前の確認に使えます。
  • 画像から色を拾い、見出しやボタンの配色に展開できます。

確認できること

  • HEX、RGB、HSL、CSS変数の値をまとめて取得できます。
  • 文字色と背景色のコントラスト比を確認できます。

関連ページ