Lấy mẫu màu từ một mockup hoặc ảnh chụp và lấy giá trị HEX cho CSS. Tinh chỉnh độ trong suốt và sao chép RGBA hoặc HSLA cho overlay. Cung cấp giá trị CMYK cho designer in ấn nếu bạn cần.

Chọn Màu

Chọn một màu; xem HEX, RGB, RGBA, HSL, HSLA, HSV và CMYK ngay lập tức. Điều chỉnh opacity và sao chép giá trị bạn cần.

Pick a color Opacity: 100% Or paste any value

Kết quả

Tạo bởi JXXR1 · ♥ Tài trợ · ☕ Mời tôi một ly cà phê

Công cụ này để làm gì?

Đôi khi bạn không muốn chuyển đổi giữa các định dạng — bạn muốn chọn một màu một cách trực quan và lấy giá trị của nó trong bất kỳ định dạng nào CSS hoặc tool design của bạn mong đợi. Công cụ này cho phép bạn kéo, gõ hoặc dán một màu và sao chép giá trị trong HEX, RGB, RGBA, HSL, HSLA, HSV hoặc CMYK — bao gồm điều khiển alpha cho các định dạng hỗ trợ độ trong suốt.

Khi nào nên dùng

Lấy mẫu màu từ một mockup hoặc ảnh chụp và lấy giá trị HEX cho CSS.
Tinh chỉnh độ trong suốt và sao chép RGBA hoặc HSLA cho overlay.
Cung cấp giá trị CMYK cho designer in ấn nếu bạn cần.

Lưu ý thường gặp

CMYK là gam in ấn, không phải gam màn hình. Chuyển đổi từ RGB sang CMYK chỉ là gần đúng — máy in thực dùng ICC profile cho việc chuyển đổi chính xác.
HSV vs HSL. HSV (còn gọi là HSB) phổ biến trong Photoshop và Figma; HSL là cú pháp CSS gốc. Saturation và brightness/lightness là các trục khác nhau, mặc dù gọi là cùng tên.
Alpha hex giả định pre-multiplied. CSS #rrggbbaa dùng straight alpha — đặt nó vào canvas API kỳ vọng pre-multiplied có thể tạo ra rìa nhợt nhạt.