Chọn Màu
Chọn màu và lấy mã HEX, RGB, HSL
Chạy trên trình duyệt của bạn
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Màu nhanh
Công cụ chọn màu là gì?
Công cụ chọn màu là một tiện ích trực tuyến giúp bạn chọn màu và lấy mã màu ở nhiều định dạng khác nhau (HEX, RGB, HSL). Công cụ này rất hữu ích cho designers, developers và bất kỳ ai cần làm việc với màu sắc trong dự án của họ.
Các trường hợp sử dụng
- Chọn màu cho thiết kế website hoặc ứng dụng
- Lấy mã màu HEX, RGB, HSL để sử dụng trong CSS
- Tìm màu phù hợp cho brand hoặc dự án
- Chuyển đổi giữa các định dạng màu khác nhau
Khi nào nên sử dụng?
Sử dụng công cụ này khi bạn cần chọn màu, lấy mã màu, hoặc chuyển đổi giữa các định dạng màu. Đặc biệt hữu ích cho web designers, UI/UX designers, và frontend developers.
Ví dụ
Màu xanh thương hiệu
Nhập
#1A6CF5
Kết quả
- HEX
- #1A6CF5
- RGB
- rgb(26, 108, 245)
- HSL
- hsl(218, 92%, 53%)
Màu nhấn tông ấm
Nhập
#F4A261
Kết quả
- HEX
- #F4A261
- RGB
- rgb(244, 162, 97)
- HSL
- hsl(27, 87%, 67%)
Hỏi đáp
HEX, RGB và HSL khác nhau thế nào?
Chúng mô tả cùng một màu theo những cách khác nhau. HEX là dạng viết gọn dùng trong CSS, RGB liệt kê giá trị đỏ, xanh lá và xanh dương từ 0 đến 255, còn HSL dùng sắc độ, độ bão hòa và độ sáng, giúp dễ tạo các sắc thái sáng hơn hoặc tối hơn.
Làm sao để sao chép mã màu?
Chọn một màu, rồi bấm nút sao chép bên cạnh giá trị HEX, RGB hoặc HSL bạn cần.
Vì sao chuyển ngược từ HSL có thể cho ra màu hơi khác?
Giá trị HSL được làm tròn thành số nguyên, nên khi chuyển ngược về HEX có thể bị lệch một bậc.