Màu sắc công cụ
Chuyển đổi HEX, RGB, HSL, tạo bảng màu và dải chuyển sắc, kiểm tra độ tương phản WCAG — mọi công cụ màu sắc cho thiết kế, ngay trên trình duyệt.
Công cụ màu sắc phổ biến
Công cụ chuyển HEX sang RGB
Chuyển mã màu HEX sang giá trị RGB và xem thêm giá trị HSL.
Công cụ chuyển HEX sang HSL
Chuyển mã màu HEX sang giá trị màu HSL.
Trình tạo màu ngẫu nhiên — màu HEX
Tạo một màu HEX ngẫu nhiên và xem giá trị RGB/HSL.
Bộ chọn màu — HEX, RGB và HSL
Chọn một màu bằng bộ chọn màu của trình duyệt và xem giá trị HEX, RGB và HSL.
Công cụ chuyển RGB sang CMYK
Chuyển màu RGB sang phần trăm CMYK dùng cho in ấn.
Trình tạo bảng màu
Tạo một bảng màu hài hòa từ một màu HEX cơ sở.
Trình tạo gradient CSS
Kết hợp hai màu HEX thành một giá trị CSS linear-gradient.
Công cụ trộn màu
Trộn hai màu HEX theo tỉ lệ bạn chọn.
Trình tạo tint và shade
Tạo các tint sáng hơn và shade tối hơn từ một màu HEX.
Màu có tên trong CSS
Tra cứu giá trị HEX và RGB của các màu có tên trong CSS.
Tìm màu Tailwind gần nhất
Tìm token màu mặc định của Tailwind gần nhất với một màu HEX.
Máy tính độ mờ màu — rgba CSS
Chuyển một màu HEX và độ mờ của nó thành một giá trị CSS rgba.
Trình tạo box-shadow CSS
Tạo một giá trị CSS box-shadow từ offset, blur, spread và màu.
Xem trước border-radius CSS
Kết hợp giá trị của bốn góc thành một thuộc tính CSS border-radius.
Trình tạo clamp() CSS
Kết hợp một giá trị tối thiểu, một giá trị ưu tiên và một giá trị tối đa vào một hàm CSS clamp().
Công cụ chuyển rem sang px
Chuyển đổi giữa px và rem dựa trên một cỡ chữ cơ sở.
Máy tính tỉ lệ khung hình
Tính tỉ lệ khung hình CSS và tỉ lệ rút gọn từ chiều rộng và chiều cao.
Trình tạo màu Tailwind — thang màu 50-950
Tạo một thang màu đầy đủ từ 50 đến 950 từ một màu cơ sở để dùng trong Tailwind CSS.
Trực quan hóa bảng màu — xem trước màu trên giao diện
Áp dụng một bảng màu vào các khối giao diện chung để xem màu sắc của bạn trông thế nào trong một thiết kế thực tế.
Trình tìm tên màu — tìm tên màu của một mã HEX
Tìm tên màu gần nhất với một giá trị HEX để nhận biết và đặt tên cho màu của bạn một cách nhanh chóng.
Trình tạo tam giác CSS — mã dựa trên border
Tạo mã CSS cho một tam giác dựa trên thuộc tính border, sẵn sàng để sao chép và dán vào bảng định kiểu của bạn.
Trình kiểm tra độ tương phản màu — WCAG AA/AAA
Tính tỷ lệ tương phản giữa màu chữ và màu nền, đồng thời kiểm tra kết quả đạt chuẩn WCAG AA/AAA.
Trích xuất bảng màu từ hình ảnh — phân tích màu trên trình duyệt
Trích xuất bảng màu HEX đại diện từ một hình ảnh. Hình ảnh được xử lý ngay trên trình duyệt của bạn.
Trình mô phỏng mù màu — phân tích màu trên trình duyệt
Mô phỏng các dạng mù màu phổ biến cho một màu HEX. Màu được xử lý ngay trên trình duyệt của bạn.
Câu hỏi thường gặp
Làm sao để chuyển HEX sang RGB?
Mỗi cặp HEX (RR, GG, BB) được chuyển từ hệ thập lục phân sang thập phân để ra các kênh RGB. Công cụ chuyển đổi tức thì theo cả hai chiều.
Giá trị màu có được gửi lên máy chủ không?
Không. Mọi phép tính màu chạy trong trình duyệt và không có gì được gửi lên máy chủ.