Popular Palette Presets
Source Color
Accepts HEX (#...), RGB, or HSL
#3B82F6
Luminance: 0.2355
Use White TextComplementary Inverted Color
#C47D09
Converted Color Formats
HEX
#3B82F6
HEX8 (Alpha)
#3B82F6FF
RGB
rgb(59, 130, 246)
RGBA
rgba(59, 130, 246, 1.00)
HSL
hsl(217, 91%, 60%)
HSLA
hsla(217, 91%, 60%, 1.00)
HSV / HSB
hsv(217, 76%, 96%)
CMYK (Print)
cmyk(76%, 47%, 0%, 4%)
カラー形式変換の手順
- 1HEX（例：`#4f46e5`）、RGB（例：`rgb(79, 70, 229)`）、またはHSL形式で色を入力します。
- 2全カラーモデルの変換値がリアルタイムに一覧更新されます。
- 3必要な形式のコピーボタンを押してCSSやコードに適用します。
CSSにおけるカラーフォーマットの使い分け
設定ファイルには簡潔なHEX、不透明度のブレンドにはRGB/RGBA、直感的な明度・彩度調整にはHSLが適しています。
Architecture & Privacy
- Full Spectrum Color Space conversion: Matrix translation across sRGB, HSL cylindrical, HSV conical, and CMYK subtractive.
- WCAG 2.1 Perceived Luminance engine: Computes relative luminance according to the sRGB gamma curve.
- Instant Bi-directional Parsing: Flexibly parses #hex, rgb(r,g,b), and hsl(h,s%,l%) formats automatically.
- 100% Client-Side calculation: Zero server roundtrips, instant zero-latency feedback.