Hình ảnh & Thiết kế

Trộn 2 đến 5 màu với chế độ RGB, HSL hay LAB. Đặt tỉ lệ, xem trước dải màu, bấm vào các bước trộn và sao chép kết quả ở dạng HEX, RGB và HSL.

Duyệt, tìm và sao chép toàn bộ 242 giá trị màu Tailwind CSS trên 22 nhóm. Truy cập nhanh tên class, HEX, RGB và HSL kèm màu yêu thích và xuất CSS.

Tạo màu ngẫu nhiên theo kiểu pastel, rực rỡ hay neon, hoặc tự đặt khoảng tông màu, độ bão hòa và độ sáng. Khóa màu, sao chép HEX/RGB/HSL.

Chọn một màu gốc trên bánh xe HSL tương tác và xem ngay các cách phối màu hài hòa — bổ túc, tương đồng, ba màu và hơn nữa — rồi sao chép mã HEX chỉ với một cú nhấp.

Chuyển đổi mã màu giữa HEX, RGB, HSL, HSV và CMYK tức thì, kèm xem trước trực tiếp, bộ chọn màu trực quan và sao chép một chạm cho mọi định dạng.

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 tiếp cận WCAG AA và AAA hay không.

Xem trước hình ảnh và màu sắc hiện ra thế nào với người mù màu. Mô phỏng mù màu xanh lá, mù màu đỏ, mù màu xanh dương và mù màu hoàn toàn ngay trên trình duyệt.

Lấy màu chủ đạo từ bất kỳ ảnh nào ngay tức thì. Chọn màu trực tiếp trên ảnh, nhận giá trị HEX, RGB, HSL và xuất bảng màu cho dự án thiết kế của bạn.

Tạo dải màu nhạt, đậm và trầm từ một màu gốc bất kỳ. Dựng sắc độ đồng nhất cho hệ thống thiết kế với số bước tùy chỉnh, rồi xuất ra CSS, SCSS, Tailwind hay JSON.

Chọn màu trực quan và lấy ngay mã màu ở mọi định dạng HEX, RGB, HSL, HSV và CMYK, kèm công cụ hút màu màn hình, lịch sử và danh sách yêu thích.

Tạo bảng phối màu hài hòa từ quy tắc lý thuyết màu, hoặc trích xuất màu chủ đạo từ ảnh bất kỳ. Sao chép dưới dạng CSS, SCSS, Tailwind, JSON hay PNG.

Thêm viền và khoảng trắng quanh ảnh với nền trong suốt hoặc nền màu. Đặt kích thước khung, thêm viền mà không cắt ảnh, xuất icon, logo và thumbnail.