Was macht Color Converter?
Color Converter hilft dabei, Daten oder Dateien umzuwandeln. Die Verarbeitung erfolgt im Browser und Grenzen werden klar beschrieben. Geprüfte Funktionen: 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.
Wie wird es verwendet?
- 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.
Echtes Ein- und Ausgabebeispiel
Convert a translucent red
Eingabe
#ff000080Ausgabe
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.
Häufige Fehler und Korrekturen
| Symptom | Wahrscheinliche Ursache | Korrektur |
|---|---|---|
| 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
Konkrete Grenze dieses Werkzeugs: 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.
Standards und Implementierungsquellen
- 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.
Was wurde geändert?
Inhaltliche Aktualisierung: Color Converter: Added local processing, explicit size limits, cancellation, worked examples, error explanations, and downloadable results.