Bảng giá trị màu HEX sang RGB
Dưới đây là bảng màu chi tiết với các giá trị hệ thập lục phân (HEX) và các giá trị RGB tương ứng. Bảng này bao gồm một loạt các màu thường được sử dụng trong thiết kế và phát triển.
Tên màu | Mã HEX | Giá trị RGB |
---|---|---|
Đen | #000000 | rgb(0, 0, 0) |
Trắng | #FFFFFF | rgb(255, 255, 255) |
Đỏ | #FF0000 | rgb(255, 0, 0) |
Xanh lá cây | #00FF00 | rgb(0, 255, 0) |
Xanh dương | #0000FF | rgb(0, 0, 255) |
Vàng | #FFFF00 | rgb(255, 255, 0) |
Xanh ngọc lam | #00FFFF | rgb(0, 255, 255) |
Hồng cánh sen | #FF00FF | rgb(255, 0, 255) |
Xám | #808080 | rgb(128, 128, 128) |
Xám đậm | #A9A9A9 | rgb(169, 169, 169) |
Xám nhạt | #D3D3D3 | rgb(211, 211, 211) |
Cam | #FFA500 | rgb(255, 165, 0) |
Tím | #800080 | rgb(128, 0, 128) |
Hồng | #FFC0CB | rgb(255, 192, 203) |
Nâu | #A52A2A | rgb(165, 42, 42) |
Vàng kim | #FFD700 | rgb(255, 215, 0) |
Xanh navy | #000080 | rgb(0, 0, 128) |
Ô liu | #808000 | rgb(128, 128, 0) |
Mòng két | #008080 | rgb(0, 128, 128) |
Đỏ rượu vang | #800000 | rgb(128, 0, 0) |
Chuyển đổi từ HEX sang RGB
Hãy sử dụng công cụ của chúng tôi để chuyển đổi mã HEX sang giá trị RGB một cách dễ dàng. Dưới đây là cách hoạt động chi tiết:
- Hai chữ số đầu tiên trong mã HEX được chuyển thành giá trị thập phân để xác định mức độ màu đỏ.
- Hai chữ số giữa trong mã HEX được chuyển thành giá trị thập phân để xác định mức độ màu xanh lá cây.
- Hai chữ số cuối trong mã HEX được chuyển thành giá trị thập phân để xác định mức độ màu xanh dương.
Hiểu định dạng HEX
Mã màu HEX bao gồm 6 ký tự, thường có dạng #RRGGBB. Mỗi cặp ký tự đại diện cho một thành phần màu: đỏ, xanh lá cây và xanh dương. Các ký tự dao động từ 0-9 và A-F, tương ứng với các giá trị thập phân từ 0-15. Ví dụ:
#FF5733 có nghĩa:
- FF cho màu đỏ,
- 57 cho màu xanh lá cây,
- 33 cho màu xanh dương.
Phân tích mã HEX
Mã HEX được chia thành ba phần:
- Hai ký tự đầu tiên (RR) đại diện cho thành phần màu đỏ.
- Hai ký tự giữa (GG) đại diện cho thành phần màu xanh lá cây.
- Hai ký tự cuối (BB) đại diện cho thành phần màu xanh dương.
Ví dụ, với mã #FF5733:
- Đỏ: FF
- Xanh lá cây: 57
- Xanh dương: 33
Chuyển HEX sang thập phân
Mỗi cặp HEX được chuyển từ hệ thập lục phân (cơ số 16) sang hệ thập phân (cơ số 10). Quá trình này được thực hiện bằng cách nhân từng chữ số với lũy thừa tương ứng của 16 và cộng kết quả lại. Với cặp FF, phép tính như sau:
F trong HEX = 15 trong thập phân, nên FF = (15 × 16^1) + (15 × 16^0) = 240 + 15 = 255 (giá trị màu đỏ).
Tương tự:
- 57 trong HEX = (5 × 16^1) + (7 × 16^0) = 80 + 7 = 87 (giá trị màu xanh lá cây).
- 33 trong HEX = (3 × 16^1) + (3 × 16^0) = 48 + 3 = 51 (giá trị màu xanh dương).
Kết quả RGB
Do đó, #FF5733 chuyển thành giá trị RGB là rgb(255, 87, 51).
Các bước chuyển đổi cơ bản:
- Trích xuất các giá trị HEX cho màu đỏ, xanh lá cây và xanh dương.
- Chuyển mỗi cặp HEX sang thập phân bằng công thức:
thập phân = (chữsốđầu × 16) + chữ_số_thứ_hai - Kết quả là các giá trị RGB, được sử dụng để biểu diễn màu trong định dạng kỹ thuật số.
Ví dụ chuyển đổi
HEX: #A52A2A
- Đỏ: A5 (HEX) = 165 (thập phân)
- Xanh lá cây: 2A (HEX) = 42 (thập phân)
- Xanh dương: 2A (HEX) = 42 (thập phân)
- RGB: rgb(165, 42, 42)
Vậy, màu #A52A2A (nâu) được chuyển thành rgb(165, 42, 42).
Về công cụ chuyển đổi HEX sang RGB
Công cụ chuyển đổi HEX sang RGB là gì?
Đây là một công cụ trực tuyến giúp chuyển mã màu HEX sang giá trị RGB tương ứng. Công cụ này hỗ trợ các nhà thiết kế, lập trình viên và những người làm việc với màu sắc dễ dàng chuyển đổi giữa các định dạng màu sắc.
Tại sao nên sử dụng công cụ chuyển đổi HEX sang RGB?
Công cụ này rất cần thiết để đảm bảo tính nhất quán của màu sắc trên các nền tảng và định dạng. Nó đặc biệt hữu ích trong thiết kế web, thiết kế đồ họa hoặc lập trình yêu cầu quản lý màu chính xác.
Công cụ hoạt động như thế nào?
Chỉ cần nhập mã màu HEX vào công cụ, nó sẽ ngay lập tức tính toán giá trị RGB tương ứng. Điều này giúp tiết kiệm thời gian và giảm sai sót so với việc chuyển đổi thủ công.
Công cụ có miễn phí không?
Có, công cụ chuyển đổi HEX sang RGB của chúng tôi hoàn toàn miễn phí. Hãy sử dụng bất cứ lúc nào để chuyển đổi màu sắc nhanh chóng và dễ dàng.