カラーピッカー・パレットスタジオ
HEX、RGB、HSL、HSV、OKLCH、CMYKを相互変換。WCAG 2.1/2.2コントラスト比判定やカラーパレット生成にも対応。
Color Picker & Palette Generator
Scenario PresetsHandcrafted design tokens
#4F46E5
White TextRatio 6.29:1
Black TextRatio 3.34:1
Active Color RepresentationW3C Color 4 Ready
#4F46E5
Channel Adjustments
Hue (H)243°
Saturation (S)75%
Lightness (L)59%
WCAG 2.1 Contrast ComplianceRelative Luminance: 0.117
AA Normal (4.5:1)✓ PASS
AA Large (3.0:1)✓ PASS
AAA Normal (7.0:1)⚠ ADVISORY
AAA Large (4.5:1)✓ PASS
Dynamic Color Harmonies & ScaleClick any swatch to apply
Complementary (+180°)
Analogous (±30°)
Triadic (±120°)
Tonal Shade Scale (L-25 to L+25)
概要
色彩表現はUIデザインやブランド構築の根幹です。本ツールはHEX、RGB、HSL、HSV、次世代CSS Color 4規格のOKLCH、印刷用CMYKを瞬時に計算し、WCAG 2.1コントラスト評価を行います。