Màu Sắc
9 công cụ trong danh mục này — chọn công cụ để bắt đầu.
Chọn màu
Chọn một màu rồi đổi tức thì giữa Hex, RGB, HSL, HSV, CMYK và sao chép ra CSS hay đoạn mã dán thẳng cho Swift, Flutter, Tailwind và nhiều nền tảng khác.
Tạo CSS Gradient
Tạo dải màu chuyển linear, radial hay conic bằng thao tác trực quan: kéo các điểm màu, chỉnh góc, rồi sao chép luôn dòng CSS background dùng được ngay.
Kiểm Tra Tương Phản
Kiểm tra tỷ lệ tương phản giữa màu chữ và màu nền, biết ngay cặp màu đó có đạt chuẩn WCAG 2.1 mức AA và AAA cho chữ thường lẫn chữ lớn hay không.
Bảng Màu / Trích Màu
Trích bảng màu từ một tấm ảnh bất kỳ, hoặc dựng dải màu đậm nhạt mượt mà từ một màu gốc, rồi sao chép mã hex để làm theme hay bộ nhận diện thương hiệu.
Trích màu từ ảnh
Tải ảnh lên và nhận về bảng màu chủ đạo kèm mã hex — cách nhanh nhất để dựng theme từ một tấm hình, khớp màu thương hiệu hay chọn màu nhấn.
Phối Màu Hài Hòa
Đưa vào một màu gốc là có ngay các bộ phối màu bổ túc, tương đồng, tam giác, tứ giác, bổ túc xen kẽ và đơn sắc, khỏi phải tự tính trên bánh xe màu.
Tạo Scale Tailwind
Biến một màu gốc thành dải màu 50 đến 950 theo chuẩn Tailwind và sao chép thẳng vào file tailwind.config hoặc dưới dạng biến CSS cho hệ thiết kế.
Hút Màu Từ Ảnh
Hút màu chính xác của từng điểm ảnh bằng kính lúp phóng to và đọc ra giá trị HEX, RGB, HSL — tiện khi lấy màu từ ảnh chụp màn hình, ảnh chụp hay logo.
Mô Phỏng Mù Màu
Tải ảnh lên và xem nó hiện ra thế nào với người mù màu dạng protan, deutan hay tritan, để chắc biểu đồ và giao diện của bạn ai nhìn cũng đọc được.