HEX · RGB · HSL · HSV · CMYK
Trình chuyển đổi màu
Màu #0060fd là rgb(0, 96, 253), hsl(217, 100%, 50%) và cmyk(100%, 62%, 0%, 1%). Nhập một màu CSS bất kỳ hoặc dùng bộ chọn màu để chuyển đổi màu của bạn.
- #0060fd = rgb(0, 96, 253)
- #0060fd = hsl(217, 100%, 50%)
- #0060fd = cmyk(100%, 62%, 0%, 1%)
- red = #ff0000
Các ô cập nhật ngay khi bạn nhập. Nếu văn bản không phải là màu, một thông báo lỗi sẽ hiện ra và màu hợp lệ gần nhất vẫn được giữ trên màn hình.
Scanned by 
NortonTM Safe Web
Tóm tắt nhanh
- Giá
- Không mất phí
- Tài khoản
- Không cần
- Tải lên
- Không áp dụng — bạn nhập một màu, không có gì bị gửi đi đâu cả
- Đầu vào
- HEX (3, 4, 6 hoặc 8 chữ số), rgb(), hsl(), hwb(), 148 tên màu CSS và transparent
- Đầu ra
- HEX, RGB, HSL, HSV, CMYK và tên màu CSS gần nhất
- CMYK
- Chuyển đổi toán học, không phải hồ sơ in
Các màu thường gặp trong mọi mô hình
Các dòng này được tạo bởi cùng mã với trình chuyển đổi. HSL, HSV và CMYK được làm tròn thành số nguyên.
| Đã nhập | HEX | RGB | HSL | HSV | CMYK |
|---|---|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) | hsv(217, 100%, 99%) | cmyk(100%, 62%, 0%, 1%) |
| red | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | hsv(0, 100%, 100%) | cmyk(0%, 100%, 100%, 0%) |
| white | #ffffff | rgb(255, 255, 255) | hsl(0, 0%, 100%) | hsv(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| grey | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) | hsv(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |
| transparent | #00000000 | rgba(0, 0, 0, 0) | hsla(0, 0%, 0%, 0) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
Cách chuyển đổi màu
Nhập một màu
Nhập mã HEX có 3, 4, 6 hoặc 8 chữ số, một giá trị rgb(), hsl() hoặc hwb(), hay một trong 148 tên màu CSS. Bạn cũng có thể bấm vào ô màu và chọn màu bằng bộ chọn của trình duyệt.
Đọc các mô hình màu khác
Ô mẫu hiển thị màu trên nền ca-rô để thấy được độ trong suốt. Các ô bên dưới hiển thị cùng màu đó dưới dạng HEX, RGB, HSL, HSV và CMYK, cùng tên màu CSS gần nhất.
Sao chép thứ bạn cần
Bấm Sao chép trên một ô để đưa giá trị đó vào bộ nhớ tạm, sẵn sàng dán vào bảng định kiểu, công cụ thiết kế hoặc tài liệu.
Các mô hình màu liên hệ với nhau thế nào
RGB mô tả một màu bằng lượng ánh sáng đỏ, lục và lam mà màn hình cộng lại, mỗi kênh từ 0 đến 255; #0060fd là 0 đỏ, 96 lục và 253 lam. HEX là chính ba con số đó viết ở hệ cơ số 16, nên 96 là 60 và 253 là fd. HSL và HSV mô tả cùng màu đó bằng một góc sắc độ từ 0 đến 360 độ trên vòng màu cộng với hai tỉ lệ phần trăm: độ bão hòa, và độ sáng (HSL) hoặc giá trị (HSV). #0060fd có sắc độ 217 ở cả hai. CMYK mô tả mực in: lục lam, đỏ tươi, vàng và đen được trừ đi từ giấy trắng.
CMYK hiển thị ở đây là phép chuyển đổi toán học thuần túy: đen là 1 trừ đi giá trị lớn nhất trong R, G và B, còn lục lam, đỏ tươi và vàng là phần còn lại. Đây không phải hồ sơ in, nên máy in hoặc phần mềm thiết kế dùng hồ sơ ICC sẽ cho ra số CMYK khác cho cùng một màu. Giá trị HSL được hiển thị dưới dạng số nguyên, nên khi chuyển ngược một giá trị đã làm tròn, một kênh có thể lệch vài đơn vị: hsl(217, 100%, 50%) là #0062ff, không phải #0060fd. Tên CSS gần nhất là từ khóa có độ chênh màu CIE76 nhỏ nhất trong không gian L*a*b*. Mọi thứ chạy trong trình duyệt của bạn và không có gì bị gửi đi đâu cả.
Câu hỏi về chuyển đổi màu
Làm sao đổi HEX sang RGB?
Tách sáu chữ số thành ba cặp và đọc mỗi cặp như một số cơ số 16. #0060fd gồm 00, 60 và fd, tức 0, 96 và 253, nên màu là rgb(0, 96, 253). Dán mã HEX vào ô nhập và ô RGB sẽ hiển thị kết quả.
Hai chữ số cuối của mã HEX 8 chữ số có nghĩa là gì?
Đó là kênh alpha, tức độ mờ đục, từ 00 (trong suốt hoàn toàn) đến ff (đục hoàn toàn). #0060fd80 là cùng màu xanh đó ở mức 128 trên 255, khoảng 50.2% độ mờ đục, nên được hiển thị là rgba(0, 96, 253, 0.502). Mã 4 chữ số như #06f8 hoạt động tương tự, với mỗi chữ số được nhân đôi.
HSL và HSV khác nhau thế nào?
Cả hai đều dùng sắc độ và độ bão hòa, nhưng giá trị thứ ba khác nhau. Trong HSL, độ sáng 50% là màu thuần, 0% là đen và 100% là trắng. Trong HSV, giá trị 100% là phiên bản sáng nhất của màu, và màu trắng cần độ bão hòa 0%. Cùng màu xanh đó là hsl(217, 100%, 50%) và hsv(217, 100%, 99%).
Tôi có thể dùng kết quả CMYK để in không?
Chỉ nên dùng làm điểm xuất phát. Trang này dùng công thức đơn giản giữa RGB và CMYK, không biết gì về mực, giấy hay hồ sơ của máy in. Tiệm in hoặc phần mềm thiết kế có hồ sơ màu sẽ chuyển cùng màu RGB đó thành các số CMYK khác.
Tôi có thể nhập những định dạng màu nào?
HEX có hoặc không có dấu #, với 3, 4, 6 hoặc 8 chữ số; rgb() và rgba() dùng dấu phẩy hoặc dấu cách, số hoặc phần trăm, và alpha tùy chọn sau dấu gạch chéo; hsl(), hsla() và hwb() với góc theo deg, rad, grad hoặc turn; 148 tên màu CSS như rebeccapurple; và transparent.
Vì sao tên màu gần nhất không khớp chính xác?
CSS chỉ có 148 tên màu, nên hầu hết các màu không có tên riêng. Trang chọn tên có màu trông gần nhất, đo bằng độ chênh màu CIE76 trong không gian L*a*b*; với #0060fd đó là mediumslateblue. Khi màu đúng là một màu có tên, như #ff0000, trang sẽ báo là khớp chính xác.