Công cụ thiết kế và màu sắc miễn phí
Chuyển màu giữa HEX, RGB, HSL, HSV và CMYK, tạo bảng màu và phối màu, kiểm tra độ tương phản chữ, tạo CSS gradient và box shadow, đổi px sang rem.
7 công cụ
Chuyển đổi mã màu
Chuyển đổi màu giữa HEX, RGB, HSL, HSV và CMYK.
Tạo bảng màu
Tạo bảng màu phối hợp và dải sắc độ 50–950, xuất CSS, SCSS hoặc Tailwind.
Vòng màu phối màu
Phối màu trên vòng màu tương tác và xem trước bảng màu trên giao diện mẫu.
Tạo dải màu CSS
Tạo gradient tuyến tính, tỏa tròn, hình nón với nhiều điểm màu và sao chép CSS.
Kiểm tra độ tương phản
Kiểm tra màu chữ và màu nền theo chuẩn WCAG AA / AAA.
Tạo đổ bóng CSS
Thiết kế box-shadow nhiều lớp, bóng trong (inset), xem trước ngay.
Đổi px ↔ rem
Đổi px, rem, em, pt, %, vw và chuyển cả file CSS từ px sang rem.