Màu sắc
40 công cụTạo bảng màu từ ảnh, kiểm tra độ tương phản, chuyển đổi mã màu (HEX, RGB, HSL, CMYK) và mô phỏng mù màu.
Tool list
Mô phỏng mù màu
Xem màu hiển thị như thế nào với các loại mù màu phổ biến (protanopia, deuteranopia, tritanopia) để ra quyết định thiết kế an toàn hơn.
Đổi mã màu
Chuyển mã màu giữa HEX, RGB, HSL, LCH, LAB, OKLAB và OKLCH ngay trên trình duyệt — không gửi giá trị nào ra ngoài.
Kiểm tra contrast màu
Kiểm tra cặp màu text + background theo chuẩn WCAG — pass / fail cho AA, AAA, large text — để web và UI thật sự accessible.
Tạo gradient CSS
Tạo gradient linear, radial, conic CSS có preview live, copy ra CSS sạch hoặc Tailwind utility class.
Tạo hoà sắc
Tạo bảng màu hoà sắc complementary, analogous, triadic, tetradic, split-complementary từ một màu khởi điểm — chuẩn cho brand và UI.
Thư viện bảng màu
Duyệt bảng màu curated cho UI, brand, content — filter theo cảm xúc, tìm theo tên hoặc hex, mở luôn trong generator để chỉnh.
Trích bảng màu từ ảnh
Trích bảng màu sạch từ ảnh chụp, artwork, screenshot — 5-10 màu chủ đạo, copy hex hoặc mở trong generator.
Tạo bảng màu
Tạo bảng màu hài hòa, khóa các màu ưng ý, chỉnh sửa mã HEX, xem giá trị RGB và OKLCH, rồi xuất biến CSS, JSON hoặc ảnh hoàn chỉnh.
Lấy mã màu từ ảnh
Lấy mã màu chính xác từ bất kỳ ảnh nào với zoomed preview tới pixel — sample tự tin từng điểm.
Tạo shade scale Tailwind
Từ một màu base, sinh đầy đủ shade scale chuẩn Tailwind (50-950) để dùng trực tiếp trong UI và development.
Đổi HEX sang Colortone
Dán giá trị HEX và lấy ngay tương đương Colortone. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi RGB sang Colortone
Dán giá trị RGB và lấy ngay tương đương Colortone. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi HSL sang Colortone
Dán giá trị HSL và lấy ngay tương đương Colortone. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi HSV sang Colortone
Dán giá trị HSV và lấy ngay tương đương Colortone. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi CMYK sang Colortone
Dán giá trị CMYK và lấy ngay tương đương Colortone. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi CMYK sang HEX
Dán giá trị CMYK và lấy ngay tương đương HEX. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi CMYK sang RGB
Dán giá trị CMYK và lấy ngay tương đương RGB. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi CMYK sang HSL
Dán giá trị CMYK và lấy ngay tương đương HSL. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi CMYK sang HSV
Dán giá trị CMYK và lấy ngay tương đương HSV. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi HSV sang HEX
Dán giá trị HSV và lấy ngay tương đương HEX. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi HSV sang RGB
Dán giá trị HSV và lấy ngay tương đương RGB. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi HSV sang HSL
Dán giá trị HSV và lấy ngay tương đương HSL. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi HSV sang CMYK
Dán giá trị HSV và lấy ngay tương đương CMYK. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi HSL sang HEX
Dán giá trị HSL và lấy ngay tương đương HEX. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi HSL sang RGB
Dán giá trị HSL và lấy ngay tương đương RGB. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi HSL sang HSV
Dán giá trị HSL và lấy ngay tương đương HSV. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi HSL sang CMYK
Dán giá trị HSL và lấy ngay tương đương CMYK. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi HEX sang HSV
Dán giá trị HEX và lấy ngay tương đương HSV. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi HEX sang HSL
Dán giá trị HEX và lấy ngay tương đương HSL. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi RGB sang HEX
Dán giá trị RGB và lấy ngay tương đương HEX. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi RGB sang HSV
Dán giá trị RGB và lấy ngay tương đương HSV. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi RGB sang HSL
Dán giá trị RGB và lấy ngay tương đương HSL. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi RGB sang CMYK
Dán giá trị RGB và lấy ngay tương đương CMYK. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi HEX sang RGB
Dán giá trị HEX và lấy ngay tương đương RGB. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi HEX sang CMYK
Dán giá trị HEX và lấy ngay tương đương CMYK. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi Colortone sang HEX
Dán giá trị Colortone và lấy ngay tương đương HEX. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi Colortone sang RGB
Dán giá trị Colortone và lấy ngay tương đương RGB. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi Colortone sang HSL
Dán giá trị Colortone và lấy ngay tương đương HSL. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi Colortone sang CMYK
Dán giá trị Colortone và lấy ngay tương đương CMYK. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.
Đổi Colortone sang HSV
Dán giá trị Colortone và lấy ngay tương đương HSV. Phép chuyển chạy trong trình duyệt nên giá trị không gửi đi đâu — tiện khi đang code CSS, làm brand hay chuẩn bị artwork.