O que Color Converter faz?
Color Converter permite converter dados ou arquivos diretamente no navegador e informa com clareza o resultado e os limites. Recursos verificados: HEX, RGB, HSL and OKLCH, Alpha-preserving conversion, Explicit sRGB clipping notice, JSON and CSS exports.
When should you use this tool?
Use this converter to translate individual color values and inspect alpha. For out-of-gamut colors, choose deliberately between the original OKLCH and clipped sRGB fallback. Use an accessibility contrast checker separately when selecting text and background colors.
Como usar?
- Enter a CSS color such as #ff000080, rgb(255 0 0 / 0.5) or oklch(65% 0.3 30).
- Choose JSON or CSS output and select Run. Check the alpha value and any sRGB clipping notice.
- Copy or download the values, then test them in the target browser or design application.
Exemplo real de entrada e saída
Convert a translucent red
Entrada
#ff000080Saída
HEX: #ff000080
RGB: rgb(255 0 0 / 0.50196)
HSL: hsl(0 100% 50% / 0.50196)The last two hex digits encode alpha 128/255, which is about 0.50196, not exactly 0.5. The preview composites this color over a checkerboard.
Erros comuns e correções
| Sintoma | Causa provável | Correção |
|---|---|---|
| The color cannot be parsed. | The value is malformed or depends on page context, such as currentColor or var(--brand). | Supply an actual standalone CSS color, including the # prefix for hex. This is not a stylesheet evaluator. |
| HEX differs from the original wide-gamut color. | HEX, RGB and HSL target sRGB; some OKLCH or Display-P3 colors lie outside that gamut. | Read the clipping notice. The original color is retained in OKLCH; sRGB channel clipping is not perceptual gamut mapping. |
Supported behavior and limitations
Limite específico desta ferramenta: Input is limited to 2000 characters. Decimal output is rounded to five places; HEX alpha is quantized to eight bits. HEX/RGB/HSL and the preview use sRGB channel clipping when necessary, while OKLCH retains the source color. The picker creates an opaque sRGB color. No contrast, accessibility, print-profile or display-calibration assessment is performed. CSS exports contain declarations to place inside a CSS rule.
Padrões e referências de implementação
- Culori API documentation (opens in a new tab)Documents parsing, conversion and channel clipping. Adopted source: github.com/Evercoder/culori, MIT.
Color Converter — FAQ
Is my input uploaded?
No. Processing happens in a browser Worker. Engine files load from this website; tool input, output, and filenames are not sent to a processing API.
Do I need an account or API key?
No account, API key, or backend processing service is needed.
How do I save a result?
Review the result, then use the Copy or Download control available for that output. Modifying input clears stale results.
What are the limits?
Input is limited to 2000 characters. Decimal output is rounded to five places; HEX alpha is quantized to eight bits. HEX/RGB/HSL and the preview use sRGB channel clipping when necessary, while OKLCH retains the source color. The picker creates an opaque sRGB color. No contrast, accessibility, print-profile or display-calibration assessment is performed. CSS exports contain declarations to place inside a CSS rule.
O que mudou?
Atualização material: Color Converter: Added local processing, explicit size limits, cancellation, worked examples, error explanations, and downloadable results.