Trang chủ Đổi màu
Đổi màu
#RGB nhân đôi mỗi chữ số thành #RRGGBB. #ff0000 là rgb(255, 0, 0) và hsl(0, 100%, 50%). Màu ở lại trình duyệt này.
Vì sao có
Một bản thiết kế và một stylesheet viết cùng một màu là #ff0000, rgb(255, 0, 0) hoặc hsl(0, 100%, 50%).
Kéo #abc ngắn thành sáu chữ số rồi làm tròn HSL thành số nguyên có thể dịch một kênh đi 1.
-
01Cách dùng
Sửa HEX, RGB hoặc HSL thì hai ô kia và ô màu đi theo.
Ô màu tô hex đó làm nền. Sao chép đặt các dòng hex, rgb() và hsl() vào bảng tạm.
Đóng thẻ thì màu biến mất. Trang này không đọc kênh alpha.
-
02Kết quả
#ff0000, #00ff00 và #0000ff là hsl(0, 100%, 50%), hsl(120, 100%, 50%) và hsl(240, 100%, 50%), và mỗi cái trở về đúng hex đó.
#fff là #ffffff, rgb(255, 255, 255), hsl(0, 0%, 100%). #000000 là hsl(0, 0%, 0%).
Đã nhập#ff0000
#ff0000 rgb(255, 0, 0) · hsl(0, 100%, 50%) #00ff00 rgb(0, 255, 0) · hsl(120, 100%, 50%) #0000ff rgb(0, 0, 255) · hsl(240, 100%, 50%) #abc #aabbcc · quay lại #a9bacb -
03Nên biết
Sắc 360 trùng với 0. hsl(360, 100%, 50%) là #ff0000.
Xám #808080 có bão hòa 0, nên sắc ra 0. Độ sáng 50% trở về 128, 128, 128.
Kênh ngoài khoảng, hoặc số thập phân, hiện lỗi ở ô đó và màu cuối không được chép.
Phép đổi này là sRGB trên màn hình. Nó không ra CMYK in.
Câu hỏi
- Q#f00 có giống #ff0000 không?
- ACó. Mỗi chữ số được viết hai lần và thành #ff0000.
- QHSL từ #abc có trả về đúng hex không?
- AKhông. hsl(210, 25%, 73%) quay lại thành #a9bacb.
- QHex 8 chữ số có được đọc không?
- AKhông. Chỉ #RGB và #RRGGBB được đọc.
- QMàu có được lưu không?
- AKhông. Màu ở lại trình duyệt này và không được gửi lên máy chủ.
Trang này tính thế nào
Trang này đổi HEX, RGB và HSL thành cùng một màu sRGB. #RRGGBB viết đỏ, lục và lam bằng hai chữ số. #ff0000 là rgb(255, 0, 0) và hsl(0, 100%, 50%). #00ff00 là sắc 120, #0000ff là sắc 240. #RGB nhân đôi mỗi chữ số. #abc thành #aabbcc, tức rgb(170, 187, 204) và hsl(210, 25%, 73%).
HSL dùng phép đổi giống CSS, và màn hình làm tròn sắc, bão hòa cùng độ sáng thành số nguyên. Đi ngược qua các số nguyên đó có thể dịch một kênh đi 1. hsl(210, 25%, 73%) từ #abc quay lại thành #a9bacb. #808080 là rgb(128, 128, 128) và hsl(0, 0%, 50%), rồi trở về #808080. Sắc 360 trùng với 0, nên hsl(360, 100%, 50%) là #ff0000.
Mỗi kênh RGB là số nguyên từ 0 đến 255. Bão hòa và độ sáng chạy từ 0 đến 100. Hex 8 chữ số và số thập phân không được đọc. Giá trị ngoài khoảng hiện lỗi ở ô đó và màu cuối không được chép. Phép đổi này là sRGB trên màn hình và không ra CMYK in. Màu ở lại trình duyệt này và không được gửi lên máy chủ.