カラーコード変換パレット抽出

HEX・RGB・HSLを相互変換。画像からのカラーパレット抽出や配色提案もできます

カラープレビュー

#D97706

カラーピッカーで選択

配色提案

カラーコード

HEX

RGB

HSL

RGBA

CSS

画像からパレット抽出人気

画像をアップロードして主要カラーを自動抽出

すべての処理はお使いのブラウザ内で完結します。画像やカラーデータはサーバーに送信されません。

カラーコード変換ツールの特徴

Web制作やデザインで使うカラーコードを、HEX・RGB・HSLなどの形式間でリアルタイムに相互変換できます。

画像からパレット抽出

写真や画像をアップロードすると、使われている主要カラーを自動で抽出。参考サイトや写真からの配色取得に便利です。

配色提案

選んだ色に合う補色・類似色・トライアドなどの配色を自動生成。デザインの色選びに迷ったときに役立ちます。

ワンクリックコピー

各形式のカラーコードをクリック一つでコピー。CSS変数形式にも対応しています。

リアルタイム変換

どの入力欄を編集しても、他のすべての形式が自動で更新されます。

Webサイトやアプリのデザイン時のカラーコード指定、CSSでの色指定、デザインツール間での色の受け渡し、プレゼン資料やSNS投稿のブランドカラー統一、参考サイトの配色分析など、色を扱うあらゆる場面で活用できます。