Chuyển đổi màu
Chuyển đổi màu giữa HEX, RGB và HSL với xem trước trực tiếp.
Cách dùng Chuyển đổi màu
- 01
Nhập một màu dạng HEX, ví dụ #ff8800.
- 02
Xem nó được chuyển đổi sang RGB và HSL ngay lập tức.
- 03
Sao chép định dạng nào bạn cần.
Công cụ này làm gì
Đây là bộ chuyển đổi màu cho công việc web và thiết kế, dịch một màu qua lại giữa ba định dạng bạn dùng nhiều nhất: HEX, RGB và HSL, kèm ô màu trực tiếp để bạn thấy chính xác mình đang làm việc với màu nào.
Đây là chất keo hằng ngày giữa thiết kế và mã: khớp một màu thương hiệu từ bản mockup vào biến CSS, chuyển giá trị nhà thiết kế đưa cho bạn ở định dạng này sang định dạng mà framework của bạn cần, hoặc tìm một sắc độ sáng hơn một chút cho trạng thái di chuột.
Mọi thứ chạy trong trình duyệt của bạn, nên nó tức thì và không có gì bạn nhập bị gửi đi đâu cả.
Các định dạng khác nhau ra sao
Mỗi định dạng mô tả cùng một màu theo cách khác nhau. HEX (như #ff8800) là dạng gọn dùng khắp CSS và HTML. RGB nêu thẳng các kênh đỏ, lục và lam, đúng cách màn hình và mã như canvas nghĩ về màu sắc. HSL mô tả sắc màu, độ bão hòa và độ sáng, trực quan hơn hẳn khi bạn muốn nhích một màu đi chút ít: đổi sắc màu để xoay quanh vòng màu, hoặc đổi độ sáng để làm màu tối đi mà không phải tự chọn mã mới.
Việc chuyển đổi diễn ra thế nào
Nhập một giá trị HEX và các giá trị RGB, HSL tương đương cập nhật ngay lập tức, nên bạn lấy được đúng định dạng mà công cụ hay mã nguồn trước mặt đang cần.
Những gì chưa được hỗ trợ
Hiện tại công cụ tập trung vào màu đục ở dạng HEX, RGB và HSL; phần alpha (độ trong suốt) chưa được hỗ trợ.
Câu hỏi thường gặp
Những định dạng nào được hỗ trợ?
HEX (#rgb hoặc #rrggbb), RGB và HSL. Nhập một giá trị HEX và các định dạng khác cập nhật trực tiếp.
Có hỗ trợ alpha / độ mờ không?
Chưa. Công cụ này tập trung vào HEX, RGB và HSL không trong suốt. Hỗ trợ alpha có thể được thêm sau.