Công cụ: Chuyển Đổi Màu Sắc HEX & RGB CSS. Danh mục: Hình ảnh & Thiết kế. Nhóm: Color. Nền tảng: BOP.INK. Xử lý trực tiếp trên trình duyệt, không lưu dữ liệu, miễn phí 100%.
Hình ảnh & Thiết kếColorFront-end Tools🔒 Bảo Mật & Riêng Tư • Miễn Phí Không Giới Hạn
Chuyển Đổi Màu Sắc HEX & RGB CSS
Chuyển đổi tức thì giữa các định dạng mã màu #HEX, rgb(), rgba() và hsl() trong thiết kế giao diện CSS, Tailwind CSS.
Đang khởi tạo tiện ích trực tiếp trên trình duyệt...
Cách Chuyển Đổi Mã Màu CSS
Các bước thao tác đơn giản và chuẩn xác nhất
1
Nhập giá trị màu Red (0-255)
Kênh màu Đỏ (R).
2
Nhập giá trị Green & Blue (0-255)
Kênh màu Xanh lá (G) và Xanh dương (B).
3
Xem mã HEX, RGBA & HSL
Sao chép đoạn mã CSS tương ứng để dán vào code.
Quy Tắc Chuyển Đổi Hệ Màu
Minh bạch công thức và phương pháp tính toán chuẩn
Mỗi kênh R, G, B (0-255) được biểu diễn bằng 2 ký tự hệ thập lục phân Hexadecimal (00-FF). HEX = #RRGGBB.
| Màu Sắc Cơ Bản | Mã HEX | Mã RGB | Mã HSL |
|---|---|---|---|
| Xanh Tailwind Blue 600 | #2563EB | rgb(37, 99, 235) | hsl(221, 83%, 53%) |
| Đỏ Tailwind Red 500 | #EF4444 | rgb(239, 68, 68) | hsl(0, 84%, 60%) |
| Xanh lá Emerald 500 | #10B981 | rgb(16, 185, 129) | hsl(160, 84%, 39%) |
Câu Hỏi Thường Gặp (FAQs)
Giải đáp các thắc mắc phổ biến về tiện ích này
HSL (Hue, Saturation, Lightness) giúp lập trình viên dễ dàng tạo các biến thể màu đậm/nhạt (Shades & Tints) chỉ bằng cách điều chỉnh thông số Lightness.