Công cụ màu và thiết kế miễn phí — công cụ chọn, bảng màu, tương phản, độ dốc
Công việc màu thực tiễn cho web: công cụ chọn màu với HEX/RGB/HSL, trình tạo bảng màu và độ dốc, trình kiểm tra tương phản WCAG để giữ văn bản dễ đọc, mô phỏng mù màu và công cụ bóng CSS. Được thiết kế cho nhà thiết kế và nhà phát triển front-end cần giá trị chính xác và lựa chọn có thể truy cập được, sẵn sàng sao chép dán.
Chuyển đổi màu sắc (HEX, RGB, HSL — tức thì)
Chuyển đổi màu sắc giữa HEX, RGB và HSL với bản xem trước trực tiếp. Chỉnh sửa bất kỳ trường nào; các trường còn lại cập nhật.
Kiểm tra độ tương phản (xếp hạng WCAG AA / AAA)
Kiểm tra tỷ lệ độ tương phản màu sắc giữa văn bản và nền. Hiển thị bản xem trước trực tiếp và huy hiệu đạt/không đạt cho WCAG AA và AAA ở kích thước văn bản thường và lớn.
Tạo gradient CSS (tuyến tính, hướng tâm, hình nón)
Xây dựng gradient CSS trực quan: tuyến tính, hướng tâm và hình nón. Nhiều điểm màu, kiểm soát góc, các mẫu sẵn có. Sao chép CSS sẵn để dán.
Trình tạo bảng màu (5 phối màu từ một màu cơ sở)
Tạo bảng màu hài hòa từ màu cơ sở: bổ sung, tương tự, tam giác, tứ giác, đơn sắc. Nhấp vào bất kỳ ô màu nào để sao chép hex.
Trình Giả Lập Mù Màu — Nhìn Màu Sắc Qua Mắt Người Khác
Nhập bất kỳ mã màu hex nào và xem ngay lập tức màu đó trông như thế nào với người bị deuteranopia, protanopia, tritanopia và achromatopsia. Công cụ thiết yếu cho thiết kế tiếp cận.
Trình tạo CSS Box Shadow (với xem trước trực tiếp)
Xây dựng giá trị CSS box-shadow bằng hình ảnh. Điều chỉnh offset, blur, spread, màu sắc, độ mờ và inset. Xem trước trực tiếp, sao chép-dán CSS.
Tìm tên màu CSS — Màu có tên gần nhất từ mã Hex
Nhập bất kỳ màu hex nào để tìm tên màu CSS gần nhất. Xem 5 màu có tên gần nhất với giá trị hex chính xác và điểm khoảng cách.
Công cụ tạo sắc độ màu — Phong cách Tailwind CSS
Tạo 11 sắc độ sáng tối (50–950) cho bất kỳ màu nào theo kiểu thang màu Tailwind CSS. Nhấp vào sắc độ để sao chép mã hex hoặc xuất tất cả dưới dạng CSS custom properties.