QuickToolsFree Online Tools

顏色格式轉換器

即時轉換 HEX、RGB、HSL、HSB/HSV 等顏色格式，支援色板預覽。

color format converterhex to rgbrgb to hexhsl to hexcolor converter onlinehex rgb hsl hsb converter

Specialized UI for this color tool is coming soon.

Examples

Example 1
#3b82f6
Click "Example 1" above to load
Example 2
rgb(59, 130, 246)
Click "Example 2" above to load
Example 3
hsl(217, 91%, 60%)
Click "Example 3" above to load
Example 4
#ff6b6b
Click "Example 4" above to load
Example 5
#2ecc71
Click "Example 5" above to load

Frequently Asked Questions

Q: What formats are supported?

A: HEX (#rrggbb), RGB (r, g, b), HSL (hue, saturation, lightness), and HSB/HSV (hue, saturation, brightness).

Q: Whats the difference between HSL and HSB?

A: HSL lightness is at 50% for pure color; HSB brightness is at 100% for pure color. Photoshop uses HSB.

Q: Can I enter any hex format?

A: Yes, both 3-digit (#rgb) and 6-digit (#rrggbb) are supported.

Related Tools

繁體 颜色选择器与转换器

繁體 从图像或屏幕拾取颜色，在HEX、RGB、HSL、CMYK格式之间转换，并生成调色板。

繁體 调色板生成器

繁體 从图像、关键词或随机生成美丽的调色板。非常适合设计项目。

CSS 陰影生成器

視覺化建立 CSS 盒陰影效果，即時預覽，一鍵複製 CSS 程式碼。

Privacy & Security

This tool runs entirely in your browser. No data is sent to our servers. We don't store, share, or have access to any of the information you process here.