Chuyển đến nội dung chính
eyunzhu

Chuyển đổi màu

Đổi HEX, RGB và HSL cùng độ trong suốt, xem mẫu màu và sao chép giá trị CSS.

Sửa HEX, RGB hoặc HSL. Các định dạng còn lại và màu xem trước sẽ cập nhật đồng thời.

100%
Xử lý ngay trong trình duyệt. Không tải lên hay lưu dữ liệu.

Giới thiệu công cụ

Đưa màu thiết kế sang CSS từ định dạng đang có. Công cụ xử lý sRGB, không chuyển CMYK hoặc màu pha riêng cho in ấn.

Cách sử dụng

Nhập màu hoặc dùng bộ chọn rồi chỉnh độ đục. Hỗ trợ HEX 3, 4, 6, 8 chữ số và RGB/HSL có alpha. Kênh RGB dùng 0–255 hoặc phần trăm; độ bão hòa và độ sáng HSL dùng phần trăm. Giá trị ngoài phạm vi bị từ chối. Không chuyển CMYK hay không gian màu dải rộng.

HEX, RGB và HSL có ô chỉnh sửa riêng. Thay một ô sẽ cập nhật hai ô còn lại, giữ nguyên văn bản và con trỏ của ô đang nhập. Giá trị chưa hoàn chỉnh hoặc sai được đánh dấu; chưa thể sao chép cho đến khi sửa.

Câu hỏi thường gặp

Alpha nằm ở đâu trong HEX tám chữ số?

CSS dùng #RRGGBBAA, hai chữ số cuối là alpha. Thứ tự này khác ARGB của một số phần mềm. RGB và HSL cũng có thể chứa độ trong suốt.

Có thể nhập những dạng màu CSS nào?

Các dạng hiện đại như rgb(255 0 0 / 50%) và hsl(0 100% 50%) được hỗ trợ. Dạng cũ dùng dấu phẩy cũng được, nhưng không trộn cú pháp dấu phẩy với dấu gạch chéo. Tên màu và CMYK không được hỗ trợ.

Tại sao độ trong suốt 50% hơi thay đổi khi chuyển sang HEX?

Kênh alpha trong HEX chỉ có 256 mức. Giá trị 0,5 được làm tròn thành 80, tương ứng chính xác với 128/255. Nếu cần giữ alpha dạng thập phân, dùng đầu ra RGB hoặc HSL thay vì HEX tám chữ số.

Bình luận

0
để tham gia thảo luận.
Chưa có bình luận.
Chuỗi trả lời

Theo dõi toàn bộ cuộc trò chuyện theo thời gian; mỗi câu trả lời cho biết chính xác tin nhắn được phản hồi.