What color formats does this tool support?

The Color Converter supports HEX (e.g., #FF5733), RGB (e.g., rgb(255, 87, 51)), HSL (e.g., hsl(11, 100%, 60%)), and HSV (e.g., hsv(11, 80%, 100%)). You can also type common CSS color names like 'red', 'blue', or 'orange'.

What is the difference between HSL and HSV?

HSL stands for Hue, Saturation, Lightness, while HSV stands for Hue, Saturation, Value (also called HSB — Hue, Saturation, Brightness). HSL places pure colors at 50% lightness, whereas HSV places pure colors at 100% value. HSV is commonly used in design applications like Photoshop, while HSL is more widely used in CSS.

How do I use this tool?

Simply type or paste a color value in any supported format into the input field. The tool instantly converts it and displays all four formats — HEX, RGB, HSL, and HSV — along with a live color preview. You can also click one of the sample colors to get started quickly.

Can I use this tool to find the HEX code for a CSS color name?

Yes. Type a CSS color name such as 'coral', 'teal', or 'gold' and the tool will convert it to its HEX, RGB, HSL, and HSV equivalents immediately.

Why might my color look slightly different across formats?

All conversions are mathematically precise, but rounding to integer values (e.g., rounding hue to the nearest degree or saturation to the nearest percentage point) can introduce a difference of 1 unit. This is normal and the visual difference is imperceptible.

カラーコンバーター

HEX、RGB、HSL、HSV形式間でカラーを瞬時に変換します。リアルタイムプレビュー付き。

カラーを入力

カラープレビュー

#FF5733

rgb(255, 87, 51)

hsl(11, 100%, 60%)

カラー形式

HEX#FF5733

RGBrgb(255, 87, 51)

HSLhsl(11, 100%, 60%)

HSVhsv(11, 80%, 100%)

サンプルカラー

使い方

HEX、RGB、HSL、HSV形式間でカラーを瞬時に変換します。リアルタイムプレビュー付き。

1Enter any color in any supported format (HEX, RGB, HSL, HSV, or CSS color name) into the input field.
2The tool instantly shows all four formats alongside a live color preview swatch.
3Click the Copy button next to any format to copy it to your clipboard.
4Try the sample color buttons to quickly load preset colors and explore conversions.

主な機能

Real-time conversion between HEX, RGB, HSL, and HSV as you type
Live color preview swatch updates instantly
One-click copy for each output format
Supports CSS named colors like 'coral', 'teal', and 'gold'
Works entirely in the browser — no server, no tracking

よくある質問

詳しく読む

Color Converter Guide — HEX, RGB, HSL, and HSV Explained