Chuyển đổi màu HEX sang RGB và HSL: Cẩm nang màu sắc cho Lập trình viên Web & UI/UX
HEX (Hexadecimal) biểu diễn màu sắc bằng mã số hệ 16 gồm 6 ký tự (#RRGGBB). RGB biểu diễn giá trị Red-Green-Blue từ 0 đến 255. HSL biểu diễn theo Sắc độ (Hue: 0-360°), Độ bão hòa (Saturation: 0-100%) và Độ sáng (Lightness: 0-100%), là định dạng trực quan và dễ điều chỉnh nhất trong thiết kế giao diện.
Colour Converter
Chuyển đổi mã màu giữa các hệ màu HEX, RGB, HSL, HSV, CMYK và OKLCH.
1. Bảng so sánh 3 hệ màu phổ biến nhất trong lập trình web
| Hệ màu | Cú pháp ví dụ | Ứng dụng tối ưu |
|---|---|---|
| HEX | #2563EB |
Truyền mã màu ngắn gọn trong CSS và Design tokens. |
| RGB / RGBA | rgb(37, 99, 235) |
Xử lý đồ họa Canvas và hiệu ứng bóng mờ (box-shadow). |
| HSL / HSLA | hsl(221, 83%, 53%) |
Xây dựng Design System, Theme Sáng/Tối linh hoạt. |
よくある質問 (FAQ)
Chuyển đổi màu HEX sang RGB và HSL: Cẩm nang màu sắc cho Lập trình viên Web & UI/UX の仕組みとよくある質問
Bài viết cùng chủ đề bạn nên xem
Nén ảnh online không tải ảnh lên server: Có thực sự riêng tư không?
Khám phá công nghệ nén ảnh Client-Side bằng Web Worker và Canvas. Cách nén ảnh JPG, PNG giảm 70% dung lượng mà không làm lộ ảnh cá nhân.
Hướng dẫn chuyển đổi ảnh WebP sang PNG & JPG chất lượng cao không cần phần mềm
Cách chuyển định dạng ảnh WebP thành PNG trong suốt hoặc JPG sắc nét ngay trong trình duyệt máy tính, không cần cài đặt ứng dụng và không lo lộ ảnh riêng tư.