Color Converter

Convert between HEX / RGB / HSL with CSS preview

Color Converter is a free online Developer tool. Convert between HEX / RGB / HSL with CSS preview Related terms: 颜色 · hex · rgb · hsl · hsv · color. Use it on this page without signing in.

亮度感知：中等
HEX
#4fb8b2
HEX (含透明度)
—
RGB / RGBA
rgb(79, 184, 178)
HSL / HSLA
hsl(177, 43%, 52%)
HSV / HSVA
hsv(177, 57%, 72%)

支持 HEX（#RGB / #RGBA / #RRGGBB / #RRGGBBAA）、RGB/RGBA、HSL/HSLA、HSV/HSVA 互转，任一格式变化即实时换算。

Help

使用说明

  1. 输入任一格式颜色值（HEX/RGB/HSL/HSV）
  2. 其他格式自动实时转换
  3. 可拖动颜色选择器实时预览，点击复制任意格式

常见问题

  • HEX 格式是什么？ 如 FF5733，每两位代表 R/G/B（00-FF）
  • HSL 和 HSV 区别？ HSL 的 L=50% 为纯色；HSV 的 V=100% 为纯色
  • 支持透明度吗？ 支持 HEX8（RRGGBBAA）和 RGBA/HSLA

More Developer

View all

JSON Formatter

Format, minify, validate JSON, convert to Go struct / TS interface

JSON Field Search

Search JSON by field, value or path with highlights, supports jq expressions

Timestamp Converter

Convert between Unix timestamps and dates, seconds and milliseconds

Cron Expression

Generate and parse cron expressions, preview next run time

UUID Generator

Generate UUID v4 / v7 / ULID / NanoID

Hash Calculator

Compute MD5 / SHA1 / SHA256 / SHA512 of text or files

JWT Decoder

Decode JWT header and payload, view expiry time

URL Encoder / Decoder

Encode and decode URL / URI components

FAQ about Color Converter

What can Color Converter do?

Color Converter is a Developer tool. Convert between HEX / RGB / HSL with CSS preview You can finish the job on this page.

Who should use Color Converter?

Anyone handling 颜色 · hex · rgb · hsl · hsv · color who does not want to install desktop software can use Color Converter in the browser.

Is Color Converter safe? Is my data uploaded?

This tool runs in your browser. We do not collect the content you enter into Color Converter just because you used it.

What similar tools exist?

Related tools in the same Developer group are listed at the bottom of this page.