Xem trước
Color Palette Generator giúp bạn tạo bảng màu hài hòa từ một màu gốc theo các nguyên tắc màu sắc như Monochromatic, Complementary, Triadic, Analogous và Split. Tùy chọn tone/mood để tinh chỉnh cảm xúc của bảng màu, rồi export ngay CSS variables để dùng trong dự án.
Màu sắc nhất quán
Tạo bảng màu hài hòa theo lý thuyết màu sắc, không còn chọn màu ngẫu nhiên.
Tiết kiệm thời gian
Tạo ngay nhiều sắc thái từ một màu gốc thay vì tính toán thủ công trong Figma.
Export CSS variables
Copy ngay CSS custom properties để dùng trực tiếp trong design system.
Tone & Mood
Natural, Modern, Bold, Minimal, Playful, Luxury — điều chỉnh cảm xúc bảng màu.
01
Chọn màu gốc
Nhập mã HEX hoặc dùng color picker để chọn màu cơ sở.
02
Chọn tone / mood
Natural, Modern, Bold, Minimal, Playful hoặc Luxury.
03
Chọn kiểu phối màu
Monochromatic, Complementary, Triadic, Analogous hoặc Split.
04
Export và sử dụng
Click "Export CSS" để copy CSS variables, hoặc click màu để copy HEX.
Monochromatic
Các sắc thái của cùng một màu. Phù hợp cho giao diện tối giản, chuyên nghiệp.
Complementary
Hai màu đối nhau 180° trên color wheel. Tương phản cao, thu hút sự chú ý.
Triadic
Ba màu cách đều 120°. Đa dạng màu sắc nhưng cân bằng.
Analogous
Ba màu liền kề ±30°. Tự nhiên, dễ chịu, phổ biến trong thiên nhiên.
Split
Màu gốc + hai màu nằm cạnh màu bổ sung. Ít đối lập hơn Complementary.
Thiết kế UI/UX
Xây dựng design system với bảng màu nhất quán ngay từ đầu dự án.
Frontend Developer
Export CSS variables và dùng ngay trong code, không cần công cụ trung gian.
Brand Identity
Tạo bộ màu nhận diện thương hiệu từ màu chủ đạo một cách nhanh chóng.