Màu sắc & Thiết kế
Công cụ chuyển đổi màu (HEX/RGB/HSL/OKLCH)
Trình chuyển đổi màu miễn phí. Chuyển đổi HEX, RGB, HSL, OKLCH và các màu CSS được đặt tên với bản xem trước trực tiếp. Dành cho nhà thiết kế, nhà phát triển và các bảng màu có khả năng truy cập.
Ghi chú của biên tập viên
Understanding · RGB, HSL, OKLCH — same colour, different stories.
Chương phân tích chuyên sâu này hiện chỉ có sẵn bằng tiếng Anh. Công cụ chuyển đổi ở trên hoạt động bằng ngôn ngữ của bạn; bài viết giải thích dài chưa được dịch.
Các câu hỏi thường gặp
Quick answers.
›What color formats are supported?
HEX, RGB, HSL, OKLCH and named CSS colors. Conversions happen instantly in both directions.
›What is OKLCH?
OKLCH is a perceptually uniform color space supported by modern browsers — great for accessible palettes and consistent lightness across hues.
›Why use OKLCH instead of HSL?
HSL lightness varies wildly between hues (yellow at 50% looks much lighter than blue at 50%). OKLCH fixes this — same L means same perceived lightness.
›Are alpha values supported?
Yes — RGBA, HSLA and 8-digit HEX with alpha all work.
›Is the converter free?
Yes — fully free, no signup.
Mọi người cũng tìm kiếm
Use with
What people reach for next.
Công cụ liên quan
More in this room.
- Công cụ kiểm tra độ tương phản (WCAG)Kiểm tra độ tương phản WCAG AA/AAA – đạt hoặc không đạt.
- Công cụ tìm màu TailwindLớp Tailwind gần nhất cho bất kỳ màu HEX nào.
- Công cụ chọn màu & bảng màu hình ảnhKéo thả hình ảnh, trích xuất bảng màu.
- Trình giả lập mù màuXem trước bảng màu qua deuteranopia, protanopia và hơn thế nữa.
- Trình tạo GradientGradient CSS tuyến tính, xuyên tâm và hình nón.
- Trình tạo Box ShadowTrình chỉnh sửa box-shadow CSS trực quan.