Bảng Chọn Màu & Chuyển Đổi HEX, RGB, HSL
Chọn, kiểm tra và chuyển đổi mã màu giữa các hệ HEX, RGB, HSL và CSS theo thời gian thực kèm kiểm tra tương phản tiếp cận WCAG.
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)
Giới thiệu
Quản lý bảng màu chính xác là điều tối quan trọng trong thiết kế giao diện web hiện đại. Công cụ của chúng tôi tính toán chuyển đổi ngay lập tức giữa mã thập lục phân (HEX), hệ màu ánh sáng (RGB) và sắc độ-độ bão hòa-độ sáng (HSL).