Red
Sắc độ
Radix Colors
30 nhóm màu × 12 sắc độ
Tổng 360 màu
Giới thiệu Radix Colors
Radix Colors cung cấp thang 12 bước cân bằng cho mỗi sắc thái, thiết kế cho UI dễ tiếp cận và phân tách rõ ràng. Bước 9 là màu nhấn, còn bước 1 và 2 là nền gần trắng.
Cách sử dụng
Import biến CSS như --blue-9 và ghép cặp theme sáng tối. Thang này bảo đảm tương phản dễ đọc giữa các bước liền kề.
Tomato
Sắc độ
Orange
Sắc độ
Amber
Sắc độ
Yellow
Sắc độ
Lime
Sắc độ
Green
Sắc độ
Teal
Sắc độ
Cyan
Sắc độ
Sky
Sắc độ
Blue
Sắc độ
Indigo
Sắc độ
Violet
Sắc độ
Purple
Sắc độ
Pink
Sắc độ
Crimson
Sắc độ
Ruby
Sắc độ
Grass
Sắc độ
Mint
Sắc độ
Jade
Sắc độ
Gold
Sắc độ
Bronze
Sắc độ
Brown
Sắc độ
Plum
Sắc độ
Mauve
Sắc độ
Sage
Sắc độ
Olive
Sắc độ
Sand
Sắc độ
Slate
Sắc độ
Gray
Sắc độ
Không có màu phù hợp
Nguồn: Radix Colors 3.0.0 · light scales