Chuyển đổi màu
Dán màu dạng hex, rgb() hay hsl() và nhận cả ba định dạng cùng một dải tints và shades sẵn sàng cho hệ thiết kế của bạn.
#0071e3rgb(0, 113, 227)hsl(210, 100%, 45%)Not a color we can read. Try #0071e3, rgb(0, 113, 227) or hsl(211, 100%, 45%).
The swatch row mixes the color with white (left) and black (right) at 20/40/60/80% — handy for hover states and dark-mode variants.
Công cụ này chạy hoàn toàn trong trình duyệt của bạn. Dữ liệu không bao giờ rời khỏi thiết bị — không được tải lên bất kỳ máy chủ nào.
Cách sử dụng
- 1Dán màu dạng bất kỳ trong ba định dạng — hex, rgb() hay hsl().
- 2Đọc các giá trị đã chuyển và sao chép loại bạn cần.
- 3Lấy tints và shades từ dải mẫu màu bên dưới.
Chuyển đổi màu
Nạp vào #0071e3, rgb(0, 113, 227) hay hsl(211, 100%, 45%) — bộ phân tích tự nhận diện định dạng và xuất hex, RGB cùng HSL một lúc, mỗi loại một nút sao chép.
Bên dưới các giá trị, dải tint và shade trộn màu của bạn với trắng và đen theo bước 20/40/60/80%: hover, viền và biến thể dark-mode tức thì mà không cần mở phần mềm thiết kế.
Câu hỏi thường gặp
HSL chuyển sang RGB thế nào?
Qua phép ánh xạ Cylindrical–RGB chuẩn: độ màu c = (1 − |2L − 1|) × S, giá trị trung gian x xác định theo sector sắc độ, rồi mỗi kênh được dịch bởi m = L − c/2. Công thức là chuẩn sách giáo khoa nên kết quả khớp các phần mềm thiết kế.
Vì sao mã màu của tôi báo không hợp lệ?
Các dạng được nhận là #RGB / #RRGGBB, rgb(r, g, b) và hsl(h, s%, l%). Các kênh phải trong khoảng (0–255 cho RGB, 0–360 cho hue, 0–100% cho phần còn lại) và mỗi phần cách nhau bằng dấu phẩy hay khoảng trắng.
Tints và shades dùng để làm gì?
Tints (trộn trắng) tạo nền hover, badge và thẻ; shades (trộn đen) tạo trạng thái nhấn, viền và bề mặt dark-mode. Dẫn xuất cả hai từ một màu thương hiệu giúp mọi trạng thái UI nhất quán thị giác.
Công cụ liên quan
Chọn màu
Chọn màu từ bảng mẫu hay lấy thẳng từ màn hình bằng EyeDropper API — hex, RGB và HSL sao chép một cú bấm.
Tất cả công cụ →
Trình tạo mã QR
Biến văn bản hay URL bất kỳ thành mã QR sắc nét với kích thước, màu và mức sửa lỗi chỉnh được — tải PNG hay SVG.
Tất cả công cụ →
Máy tính tỉ lệ khung hình
Cho tỉ lệ như 16:9 và một chiều, nhận chiều còn thiếu tức thì — kèm preset từ 1:1 tới 21:9 cho video và thiết kế.
Tất cả công cụ →
Trình tạo UUID
Tạo UUID v4 ngẫu nhiên số lượng lớn chỉ với một cú bấm — 1 tới 500 cái mỗi lần, dùng nguồn ngẫu nhiên mật mã của trình duyệt. Miễn phí, tức thì, chạy offline.
Tất cả công cụ →
Nhúng công cụ này
Đưa công cụ này vào trang của bạn bằng một dòng — nó chạy trong trình duyệt của khách.
<iframe src="https://zoyku.com/vi/tools/color-converter?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-converter" loading="lazy"></iframe>