Chuyển tới nội dung chính

Tạo bảng màu

Tạo bảng năm màu theo lý thuyết màu, tâm trạng, thời kỳ, thiên nhiên hay nghệ thuật, khoá màu ưng ý và xuất CSS, SCSS, JSON hoặc SVG.

Bảng màu

Ngẫu nhiên nhưng vẫn hài hoà.Phím cách cũng tạo màu mới. Màu đã khoá được giữ nguyên.

Xem trước

Xuất

Xuất
:root {
  --palette-1: #264653;
  --palette-2: #2a9d8f;
  --palette-3: #e9c46a;
  --palette-4: #f4a261;
  --palette-5: #e76f51;
}
Từ hai đến mười một mã, cách nhau bằng dấu cách, dấu phẩy hoặc xuống dòng. Nhấn Enter.

Chạy ngay trên trình duyệt; những gì bạn nhập không rời khỏi trang này.

Cách hoạt động

Các chiến lược

Mỗi chiến lược là một công thức chọn đồng thời sắc độ, độ bão hoà và độ sáng: bố cục theo lý thuyết màu, tâm trạng, thời kỳ, cảnh thiên nhiên và bảng màu văn hoá. Nhấn phím cách hoặc nút tạo để bốc lại.

Khoá một màu bằng ổ khoá thì nó được giữ nguyên khi các màu khác đổi. Bạn có thể thêm hoặc bớt màu, từ hai đến mười một.

Xuất và nhập

Xuất bảng màu dưới dạng biến CSS, biến SCSS, mảng JSON, danh sách thường hoặc dải SVG. Muốn bắt đầu từ màu của mình, dán từ hai đến mười một mã hex cách nhau bằng dấu cách, dấu phẩy hoặc xuống dòng.