カラーコンバーター（Hex / RGB / HSL / 名前）
Type any color and the tool shows the other three representations plus the matching CSS color name, with a live swatch. It accepts #rgb, #rrggbb, #rrggbbaa, rgb()/rgba(), hsl()/hsla() and named colors like red or rebeccapurple.
All conversion happens in your browser — no color value is ever sent anywhere.
Features
- Bidirectional — Switch between Hex, RGB, HSL and CSS name; all four update together.
- Name lookup — Recognises the 148 standard CSS named colors and finds a name for any color.
- Live preview — The swatch updates as you type, flipping text contrast for light or dark colors.
- Alpha channel — 8-digit Hex and rgba() alpha values are kept through conversion.
How to use
- Enter a color on the left — #ff0000, rgb(255,0,0), hsl(0,100%,50%) or red.
- The right side shows Hex, RGB, HSL and the name together.
- Click Copy to take the format you need.
FAQ
What is the difference between Hex and RGB?
They are two notations for the same color: Hex is base-16, RGB is base-10. #ff0000 and rgb(255,0,0) are the identical red, just written differently.
What is the last pair in 8-digit Hex?
It is the alpha (transparency) channel — two Hex digits for 0..255, matching the fourth argument of rgba(): 00 is fully transparent and ff is fully opaque.
Why do some colors show no name?
CSS only defines 148 named colors such as red, blue and rebeccapurple. Most colors have no English name, so this field shows "-" — use Hex/RGB/HSL instead.