Bộ chuyển đổi màu (HEX, RGB, HSL, OKLCH)
Riêng tư theo thiết kế — chạy hoàn toàn trong trình duyệt của bạn
Chuyển màu giữa HEX, RGB, HSL, OKLCH, và giá trị có tên trong trình duyệt của bạn. Toova hiển thị bản xem trước trực tiếp, cho bạn điều chỉnh kênh với thanh trượt, và phơi bày đầu ra đầy đủ ở mọi định dạng sẵn sàng để dán vào CSS, công cụ thiết kế, hoặc mã sản xuất.
Vì sao có nhiều định dạng màu
HEX (#ff6600) là phổ biến nhất trong CSS và dễ gõ. RGB (rgb 255 102 0) là cái mọi định dạng ảnh nói. HSL (hsl 24 100% 50%) trực quan hơn cho việc chọn sắc thái vì hue, độ bão hòa, và độ sáng ánh xạ với cách con người nghĩ về màu. OKLCH là định dạng hiện đại sửa tính đồng nhất nhận thức — bước số bằng nhau trông như bước thị giác bằng nhau. Toova chuyển giữa tất cả không mất mát.
Bản xem trước trực tiếp và thanh trượt kênh
Dán một màu ở bất kỳ định dạng nào và Toova hiển thị một mẫu màu trực tiếp cộng với chuyển đổi đầy đủ sang mọi định dạng khác. Kéo bất kỳ thanh trượt kênh nào — hue, độ bão hòa, độ sáng, đỏ, xanh lá, xanh dương, alpha — và bản xem trước cập nhật theo thời gian thực. Điều đó làm dễ dàng để điều chỉnh một màu cơ sở thành một sắc thái, sửa độ tương phản, hoặc tạo trạng thái hover mà không rời tab trình duyệt của bạn.
Chỉ cục bộ
Việc chuyển đổi màu diễn ra hoàn toàn trong trình duyệt của bạn. Các giá trị bạn dán không bao giờ rời trang. Đó là quá mức cho mã màu, nhưng nó làm công cụ nhanh và đáng tin cậy — không có cuộc gọi backend khứ hồi, không có giới hạn tốc độ, không có sự cố ngừng hoạt động. Trang hoạt động ngoại tuyến sau lần tải đầu tiên.
Câu hỏi thường gặp
- Khi nào tôi nên dùng OKLCH thay vì HEX?
- OKLCH là đồng nhất về nhận thức, nghĩa là bước số bằng nhau trông như bước thị giác bằng nhau. Điều đó khiến nó là lựa chọn đúng khi tạo một bảng màu, tính độ tương phản dễ tiếp cận, hoặc làm bất kỳ thao tác màu thuật toán nào. Cho token thiết kế tĩnh, HEX vẫn ổn.
- Mọi chuyển đổi có không mất mát không?
- Chuyển đổi giữa HEX, RGB, và các định dạng màu 8-bit là không mất mát. Chuyển đổi liên quan đến HSL hoặc OKLCH có thể đưa vào làm tròn dấu phẩy động nhỏ ở chữ số cuối cùng, nhưng kết quả giống về thị giác.
- Nó có hỗ trợ độ trong suốt không?
- Có. Mọi định dạng có hỗ trợ alpha (HEX với tám chữ số, RGBA, HSLA, OKLCH với alpha) đều được xử lý đúng. Việc chuyển đổi giữ kênh alpha chính xác.
- Tôi có thể chọn một màu từ một hình ảnh không?
- Không trực tiếp ở đây. Cho việc trích xuất bảng màu từ hình ảnh, dùng công cụ Color Palette Extractor. Bộ chuyển đổi này tập trung vào việc biến đổi một giá trị màu đã biết giữa các định dạng.
- Có gì được gửi đến máy chủ không?
- Không. Việc chuyển đổi chạy hoàn toàn trong trình duyệt của bạn. Tab Network sẽ trống trong khi dùng.