Là các bộ màu được chọn theo vị trí trên bánh xe màu: màu tương đồng nằm cạnh nhau, màu bổ túc đối diện nhau, và màu bộ ba cách đều nhau.

Sắc độ đậm và nhạt là gì?

Là các phiên bản tối hơn và sáng hơn của một màu. Thang sắc độ có mười một bậc từ 50 (sáng nhất) đến 950 (tối nhất), giống các hệ thống thiết kế vẫn dùng.

Làm sao để dùng bảng màu trong code?

Xuất dưới dạng biến CSS, theme Tailwind, JSON hoặc danh sách mã HEX đơn giản.

Có gì bị tải lên không?

Không. Bảng màu được tạo ngay trên thiết bị của bạn.

Tạo bảng màu có miễn phí không?

Có. Bạn dùng miễn phí, không cần đăng ký và không cần cài đặt gì.

Công cụ màu sắc

Tạo bảng màu: phối màu, sắc độ, ngẫu nhiên – Miễn phí

Miễn phí, không cần đăng ký, chạy trên trình duyệt. Tạo bảng màu chỉ bằng một phím bấm, khóa những màu bạn thích, hoặc xây dựng từ một màu gốc với các kiểu phối màu tương đồng, bổ túc hoặc bộ ba. Xuất dưới dạng biến CSS, Tailwind hoặc JSON.

hoặc nhấn Phím cách. Khóa các màu bạn thích để giữ lại.

Sửa
Sửa
Sửa
Sửa
Sửa

Tạo từ một màu

Màu gốcPhối màu

Các kiểu phối màu xoay sắc độ quanh vòng tròn màu: tương đồng giữ gần nhau, bổ sung dùng phía đối diện, bộ ba chia đều ba sắc độ.

Các sắc độ của #2F5BFF

Nhấp vào một sắc độ để sao chép. Chọn màu khác trong bảng màu để xem các sắc độ của nó.

Xuất

Biến CSSTailwindJSONDanh sách HEX

:root {
  --color-1: #1a1446;
  --color-2: #2f5bff;
  --color-3: #3ddc97;
  --color-4: #ffe14d;
  --color-5: #ff7ac6;
}

Bảng màu được tạo trên thiết bị của bạn.

Vì sao nên dùng Tạo bảng màu

Miễn phí 100%: Dùng bao nhiêu lần tùy thích. Không cần đăng ký, không hình mờ, không cần cài đặt.
Riêng tư ngay từ thiết kế: Những gì bạn nhập chỉ nằm trong trình duyệt và không bao giờ được gửi cho chúng tôi.
Chạy trên mọi thiết bị: Chạy trên trình duyệt trên Windows, Mac, Linux, Android và iPhone. Không cần ứng dụng.

Cách dùng Tạo bảng màu

Nhấn Tạo (hoặc phím cách) cho đến khi bạn ưng một bảng màu.
Khóa các màu để giữ lại, hoặc tạo từ một màu gốc và kiểu phối màu.
Sao chép từng màu hoặc xuất toàn bộ bảng màu.

Câu hỏi thường gặp

Phối màu là gì?: Là các bộ màu được chọn theo vị trí trên bánh xe màu: màu tương đồng nằm cạnh nhau, màu bổ túc đối diện nhau, và màu bộ ba cách đều nhau.
Sắc độ đậm và nhạt là gì?: Là các phiên bản tối hơn và sáng hơn của một màu. Thang sắc độ có mười một bậc từ 50 (sáng nhất) đến 950 (tối nhất), giống các hệ thống thiết kế vẫn dùng.
Làm sao để dùng bảng màu trong code?: Xuất dưới dạng biến CSS, theme Tailwind, JSON hoặc danh sách mã HEX đơn giản.
Có gì bị tải lên không?: Không. Bảng màu được tạo ngay trên thiết bị của bạn.
Tạo bảng màu có miễn phí không?: Có. Bạn dùng miễn phí, không cần đăng ký và không cần cài đặt gì.