Image Color Picker

Rất tuyệt

Bộ chọn HEX

Tinh chỉnh HEX và so sánh HWB, HSL, HSV, RGB, OKLCH trong một không gian gọn gàng.

Bộ chọn màu HEX

Một bộ chọn màu HEX, sáu mô hình màu

Nhập mã màu HEX và xem ngay các giá trị tương ứng trong RGB, HSL, HSV, HWB và OKLCH. Di chuyển thanh trượt và cả sáu biểu diễn đồng bộ theo thời gian thực. Mã HEX và hash URL đồng bộ cùng nhau, cho phép đánh dấu hoặc chia sẻ bất kỳ màu nào trong vài giây.

Chuyển đổi HEX sang RGB theo thời gian thực

Nhập màu HEX như #3b82f6 và các giá trị RGB cập nhật tức thì. Công cụ tìm HEX cũng chấp nhận mã rút gọn ba chữ số.

Công cụ tìm mã HEX với chia sẻ URL

Mỗi lần điều chỉnh màu, hash URL tự động cập nhật, biến công cụ tìm mã HEX này thành dấu trang có thể chia sẻ. Gửi liên kết cho thành viên nhóm và họ sẽ thấy đúng màu đó.

Sáu mô hình màu được đồng bộ

HEX, RGB, HSL, HSV, HWB và OKLCH đều cập nhật cùng nhau. Chuyển đổi mô hình không bao giờ mất màu — hoàn hảo cho design token và biến CSS.

Giao diện bộ chọn màu HEX hiển thị thanh trượt cho các mô hình màu HSL, RGB và OKLCH

Công cụ tìm mã màu

Tìm bất kỳ mã màu nào — HEX, RGB, HSL, OKLCH

Công cụ tìm mã màu này bao gồm tất cả các tiêu chuẩn được sử dụng trong thiết kế web, phát triển ứng dụng và in kỹ thuật số. HEX là định dạng mặc định cho CSS và HTML. RGB là định dạng gốc của màn hình. HSL là định dạng con người đọc được cho nhà thiết kế. OKLCH là định dạng tri giác tiếp theo trong CSS Color Level 4. Cả bốn đều có sẵn đồng thời — sao chép cái phù hợp với quy trình làm việc của bạn.

Công cụ tìm mã màu với các giá trị HEX, RGB, HSL và OKLCH cho màu xanh lam rực rỡ
Bộ chọn màu HTML với các giá trị mã màu HEX và RGB sẵn sàng cho CSS

Bộ chọn màu HTML

Bộ chọn màu HTML cho CSS và thiết kế web

Dù bạn đang viết style nội tuyến, định nghĩa design token hay duy trì thư viện biến CSS, bộ chọn màu HTML này cung cấp chính xác mã bạn cần. Điều chỉnh trực quan tông màu, độ bão hòa và độ sáng, sau đó sao chép mã màu HEX hoặc giá trị CSS rgb() trực tiếp vào bảng style của bạn.

  • Tạo ngay các giá trị CSS hợp lệ: hex, rgb(), hsl(), hwb() và oklch().
  • Đồng bộ hash URL cho phép lưu và chia sẻ bất kỳ màu nào dưới dạng dấu trang trình duyệt.
  • Chỉ báo gam màu đánh dấu các màu chỉ tồn tại trong Display-P3 và nằm ngoài sRGB.
  • Hoạt động offline — không có lời gọi API, không có phụ thuộc máy chủ.

Bộ chọn RGB

Bộ chọn RGB với thanh trượt chính xác

Bộ chọn RGB với ba thanh trượt kênh độc lập cho đỏ, xanh lá và xanh lam

Kênh RGB chuyên dụng

Ba thanh trượt R, G và B độc lập để pha trộn màu theo từng kênh. Bộ chọn RGB hiển thị giá trị thập phân và mã HEX theo thời gian thực trong khi kéo.

Bộ chọn RGB với chuyển đổi trực tiếp giữa giá trị kênh RGB và mã màu HEX

RGB sang HEX và ngược lại

Dán mã HEX đã biết để xem ngay sự phân tách RGB, hoặc điều chỉnh thanh trượt bộ chọn RGB để tìm mã HEX của tông màu tùy chỉnh. Không cần bộ chuyển đổi riêng.

Bộ chọn RGB với so sánh cạnh nhau các mẫu gam màu sRGB và Display-P3

Bộ chọn RGB với hỗ trợ gam màu rộng

Chuyển đổi giữa gam màu sRGB và Display-P3 để xem màu đã chọn có thể tái tạo trên màn hình gam rộng không. Cả hai mẫu cập nhật cạnh nhau.

Câu hỏi thường gặp

Câu hỏi về bộ chọn màu HEX