Tạo Bảng Màu

converter

Tạo bảng màu đẹp từ một màu gốc — monochromatic, complementary, triadic, analogous. Kèm biến CSS.

#color#palette#design#hex#complementary#triadic#css
Loading tool...

How to use

  1. 1Nhập mã màu HEX, ví dụ: #3B82F6
  2. 2Tuỳ chọn: thêm "scheme=complementary" để chọn loại palette cụ thể
  3. 3Nhấn "Xử lý" để nhận palette HEX + RGB + HSL và CSS variables

Frequently Asked Questions — Tạo Bảng Màu

Complementary color là gì?+

Màu bổ sung (complementary) là màu đối diện trực tiếp trên bánh xe màu, cách 180°. Tạo tương phản mạnh, phù hợp cho call-to-action.

Triadic color scheme là gì?+

Triadic gồm 3 màu cách đều nhau 120° trên bánh xe màu. Tạo sự cân bằng và sinh động, phổ biến trong thiết kế.

Analogous color là gì?+

Analogous gồm các màu liền kề nhau trên bánh xe màu (±15-30°). Tạo cảm giác hài hòa và đẹp mắt.

CSS variables sinh ra dùng thế nào?+

Copy phần :root { ... } vào file CSS của bạn. Sau đó dùng var(--color-primary) thay vì hardcode màu.

Related Tools