Chuyển Đổi Màu Sắc miễn phí

Cách hoạt động

Toàn bộ logic chuyển đổi là JavaScript tự viết chạy hoàn toàn trong trình duyệt — không thư viện, không gọi máy chủ. Công cụ phân tích đầu vào, đưa qua một chuỗi hàm toán học thuần, và đồng thời tạo ra mười một định dạng đầu ra, bao gồm các không gian CSS Color 4 hiện đại oklch() và lab().

1. 1
   Phân tích đầu vào linh hoạt

   Bộ phân tích tùy chỉnh chấp nhận hex (3, 4, 6 hoặc 8 chữ số), rgb()/rgba(), hsl()/hsla() theo cả cú pháp dấu phẩy cũ và cú pháp dấu cách hiện đại, và bộ ba số trần. Giá trị alpha dạng thập phân hoặc phần trăm được chuẩn hóa về khoảng 0–1 trước khi chuyển đổi.
2. 2
   RGB là trung tâm chuyển đổi

   Mọi định dạng được chấp nhận trước tiên được quy về bộ ba RGB chuẩn. Từ biểu diễn duy nhất đó, công cụ tỏa ra: HSL và HSV dùng công thức min/max/chroma chuẩn; CMYK được suy ra bằng cách tìm kênh key; và tuyến tính hóa sRGB (đường cong gamma từng đoạn định nghĩa trong IEC 61966-2-1) được áp dụng trước các phép tính không gian cảm nhận.
3. 3
   Không gian màu cảm nhận được tính từ đầu

   oklch() được tính bằng các ma trận 3×3 tham chiếu của Björn Ottosson (không gian căn bậc ba LMS). lab() và lch() dùng thích ứng sắc độ Bradford để chuyển từ điểm trắng D65 sang D50, khớp với cách CSS Color 4 định nghĩa lab(). Đây là cùng công thức dùng trong bộ máy hiển thị của trình duyệt — được cài đặt ở đây không phụ thuộc bên ngoài.
4. 4
   Độ tương phản WCAG và thang độ sáng

   Độ chói tương đối được tính theo công thức WCAG 2.1 (R, G, B tuyến tính hóa với trọng số 0.2126/0.7152/0.0722) và tỷ lệ tương phản so với trắng và đen được xếp hạng AA-lớn, AA, AAA hoặc Không đạt. Một dải độ sáng chín bước được tạo bằng cách tăng kênh độ sáng HSL từ 10% đến 90%, cho phép bạn nhấp vào ô màu bất kỳ để chuyển đổi sắc thái đó.

Công cụ liên quan