Que fait Color Converter ?
Color Converter permet de convertir des données ou des fichiers dans le navigateur et présente clairement le résultat et ses limites. Fonctions vérifiées : 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.
Comment l’utiliser ?
- 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.
Exemple réel d’entrée et de sortie
Convert a translucent red
Entrée
#ff000080Sortie
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.
Erreurs fréquentes et corrections
| Symptôme | Cause probable | Correction |
|---|---|---|
| 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 propre à cet outil : 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.
Normes et références d’implémentation
- 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.
Quelles modifications ?
Mise à jour substantielle : Color Converter: Added local processing, explicit size limits, cancellation, worked examples, error explanations, and downloadable results.