🎨 Tạo Bảng Phối Màu Online
Sinh palette 5 màu hài hòa từ màu chủ đạo · Xuất HEX, RGB, CSS Variables
📋 CSS Variables
❓ Câu Hỏi Thường Gặp
Monochromatic, Analogous, Complementary khác gì nhau?
Monochromatic: biến thể sáng/tối của 1 màu, tạo cảm giác nhất quán. Analogous: 3-5 màu cạnh nhau trên vòng màu, nhìn hài hòa tự nhiên. Complementary: 2 màu đối diện nhau trên vòng màu, tạo tương phản mạnh thu hút sự chú ý.
Cách chọn màu chủ đạo cho website/app?
Màu chủ đạo nên phản ánh ngành nghề và cảm xúc thương hiệu: xanh dương cho tin cậy/chuyên nghiệp, xanh lá cho sức khỏe/tự nhiên, đỏ/cam cho năng lượng/khuyến mãi, tím cho sang trọng/sáng tạo. Chọn saturation 60-80% và lightness 40-60% để màu đủ sáng mà không chói.
Xuất CSS Variables dùng như thế nào?
Copy đoạn CSS và dán vào phần :root {} trong file CSS của bạn. Sau đó dùng var(--color-1), var(--color-2)... để áp dụng màu trong toàn bộ dự án. Cách này giúp đổi màu nhanh toàn trang chỉ bằng một chỗ.
Click vào ô màu để làm gì?
Click vào bất kỳ ô màu nào để copy mã HEX vào clipboard ngay lập tức. Rất tiện khi bạn muốn dùng một màu cụ thể trong Figma, CSS hoặc bất kỳ công cụ thiết kế nào.