Live Color Converter
Results (click Copy)
#FF8000#FF8000FFrgb(255, 128, 0)rgba(255, 128, 0, 1)hsl(30.1, 100%, 50%)hsv(30.1, 100%, 100%)Palette Harmonis
Click a swatch to use that color as the base color.
Shades & Tints Generator
Mini Contrast Checker (WCAG 2.1)
Contrast ratio of the current color against white and black text.
| Pasangan | Rasio | AA (4.5:1) | AAA (7:1) |
|---|---|---|---|
| white text on this color | - | - | - |
| black text on this color | - | - | - |
20 Popular Web Colors Table
Click a row to load the color into the converter.
| Preview | Name | HEX | RGB |
|---|
Pertanyaan Umum
How do I convert hex to rgb?
Split the hex code into three pairs of hexadecimal digits, then convert each pair to decimal. Example: #FF8000 becomes rgb(255, 128, 0) because FF=255, 80=128, and 00=0. The tool on this page does it automatically in both directions.
What is shorthand hex like #F00?
Shorthand hex is the 3-digit version of a 6-digit code: each digit is doubled. #F00 equals #FF0000, which is rgb(255, 0, 0). There is also 4-digit shorthand for alpha — for example, #F00F equals #FF0000FF.
How do I convert hex to rgba with alpha?
Use the 8-digit #RRGGBBAA format; the last two digits are the alpha in hexadecimal. Example: #FF00FF80 means rgb(255, 0, 255) with alpha 128/255 = 0.502. Alpha 00 is fully transparent and FF is fully opaque.
How do I convert hex to hsl?
First convert hex to rgb, then compute hue, saturation, and lightness from the normalized rgb values. Example: #FF8000 becomes hsl(30.1, 100%, 50%) and #AABBCC becomes hsl(210, 25%, 73.3%).
What is a good contrast ratio under WCAG?
WCAG 2.1 requires a minimum contrast ratio of 4.5:1 for normal text (level AA) and 7:1 for level AAA. Example: #0000FF against white has a ratio of 8.59:1, so it passes AA and AAA, while #00FF00 against white is only 1.37:1, so it fails.
Free tool by NRTechStudio