UTUtilityAll

無料カラー＆デザイン抽出

画像をドロップしてブラウザで HEX・RGB・HSL を抽出し、CSS をすぐコピー。 処理はすべてブラウザ内。アップロードなしでファイルはこの端末から出ません。

How to extract a color palette

  1. Drop a JPEG, PNG, WebP, or GIF into the zone.
  2. Wait a moment while Canvas reads pixels on this device.
  3. Copy HEX, RGB, or HSL, or check WCAG contrast. Nothing is uploaded.

よくある質問

Does the image leave my computer?

No. The file is drawn onto an HTML5 canvas in this tab. Pixels are never sent to UtilityAll.

How are colors chosen?

The tool groups similar pixels and ranks the largest groups, then skips near-duplicates so the palette stays distinct.

What does Copy code copy?

A CSS snippet with background-color in HEX and a comment for RGB and HSL.

Is this a full design system?

It is a fast local extractor for dominant colors, not a brand-kit generator.