Color Converter은(는) 무엇을 하나요?
Color Converter은(는) 브라우저에서 데이터 또는 파일 변환을(를) 수행하며 결과와 제한을 명확히 설명합니다. 검증된 기능: 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.
사용 방법
- 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.
실제 입출력 예시
Convert a translucent red
입력
#ff000080출력
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.
일반적인 오류와 해결 방법
| 현상 | 가능한 원인 | 해결 방법 |
|---|---|---|
| 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
이 도구의 구체적인 제한: 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.
표준 및 구현 참고 자료
- 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.
변경 사항
실질적인 업데이트: Color Converter: Added local processing, explicit size limits, cancellation, worked examples, error explanations, and downloadable results.