Type a color code to see its equivalent in the other formats at once. It runs in your browser and nothing is sent to a server.
Type HEX (#3b82f6), rgb(), hsl() or a color name (blue). Click any swatch below to select that color.
Choose an image or drag and drop it here, or paste it with Ctrl+V.
Click or tap the image to select the color at that point. With the keyboard, move the pointer with the arrow keys and press Enter. The image stays in your browser and is never uploaded.
Large text Aa
Normal-size sample text. See here whether the contrast is enough.
| Criterion | Required | Result |
|---|
The semi-transparent color was blended over the background for the calculation.
The six digits of the HEX code are split into three pairs: the first two are red, the next two green and the last two blue. Each pair is converted from hexadecimal to decimal. For #3b82f6, 3b = 59, 82 = 130 and f6 = 246, so rgb(59, 130, 246).
Each digit is doubled: #38f is the same as #3388ff. Only colors whose pairs are identical can be written in the short form.
HSL values are shown rounded to whole numbers, so converting from HSL back to RGB can differ by one unit. The conversion between HEX and RGB is exact.
No. The calculation runs in your browser and nothing is uploaded.