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.