Màu gần đây
Định dạng màu
#6366F1
rgb(99, 102, 241)
hsl(239, 84%, 67%)
cmyk(59%, 58%, 0%, 5%)
Xem trước màu
#6366F1
rgb(99, 102, 241)
hsl(239, 84%, 67%)
Sắc độ
Vì sao dùng bộ chọn màu?
Pad trực quan nhanh hơn gõ kênh khi bạn đang dò token thương hiệu. Kéo hue, rồi bão hòa và độ sáng, sao chép HEX cho biến CSS, RGB cho toán canvas, hoặc HSL khi muốn chỉnh lightness. CMYK gần đúng là gợi ý dán cho in — không phải profile ICC. Sắc 50–900 là hòa màu sRGB hiện tại với trắng và đen để hover nút cùng họ.
Palette màu phổ biến
Gió biển
Xanh cyan và trời dịu.
Hoàng hôn
Cam, hồng và vàng ấm.
Rừng xanh
Xanh lá và rêu.
Quả mọng
Magenta và violet.
Cồn cát
Trung tính ấm cho chrome UI.
Nửa đêm
Indigo và mực.
Dữ liệu của bạn được giữ riêng tư
Màu đã chọn ở lại tab này. Swatch gần đây, nếu bạn lưu, chỉ ở trình duyệt này. Không tải lên hoặc lưu trên máy chủ.
Về chọn HEX, RGB và HSL
Color Picker là trợ lý CSS cục bộ: chọn màu và sao chép HEX, RGB, HSL, và chuỗi CMYK gần đúng. Không lấy palette từ web và không đọc màn hình như eyedropper hệ điều hành — đây là bộ tạo giá trị trên tab. Designer dùng để lấy token trước khi dán vào stylesheet.
HEX là hex sRGB. RGB là kênh 0–255. HSL là hue, saturation, lightness như CSS viết. CMYK trên trang này là đổi naive từ sRGB để dán nhanh, không phải profile ICC in ấn. Chúng tôi không chuyển P3 hay LAB ở đây — dùng Color Converter nếu bạn đã có chuỗi cú pháp khác và cần HEX/RGB/HSL cùng lúc. Gradient, shadow và border là công cụ anh em dùng màu bạn sao chép.
Liên quan: Image Color Picker, Gradient Generator, CSS Shadow Generator, CSS Border Generator, Color Converter, CSS Formatter.
URL là /tools/color-picker. Chúng tôi không lưu tài khoản palette. Swatch gần đây ở lại trình duyệt này đến khi bạn xóa. Đóng tab để quên token đang chọn; màu recent localStorage còn đến khi xóa dữ liệu trang. Eyedropper pixel trên ảnh là Image Color Picker tại /tools/image-color-picker.
Cách chọn màu
Kéo pad
Di chuyển ô vuông cho bão hòa và độ sáng, thanh cho hue. Chấm preset nhảy tới token sẵn.
Sửa HEX, RGB hoặc HSL
Gõ giá trị nếu bạn đã có. Mọi định dạng mô tả cùng màu sRGB.
Sao chép định dạng hoặc sắc
Sao chép một cú pháp, mọi định dạng, hoặc chọn sắc 50–900. Lưu màu cất swatch gần đây trên trình duyệt này.
Ở lại thiết bị
Không tải lên. Image Color Picker tại /tools/image-color-picker lấy mẫu ảnh. Gradient Generator tiếp theo nếu cần hai stop. Color Converter nếu đã có chuỗi để parse.
Công cụ liên quan
Chọn màu từ ảnh
Mở ảnh, di chuột để phóng pixel, sao chép HEX, RGB và HSL. Không tải lên.
Tạo gradient
Tạo CSS linear-gradient với xem trước trực tiếp.
Tạo box-shadow
Chỉnh box-shadow và sao chép CSS.
Tạo viền CSS
Xem trước độ dày, kiểu, bo góc, màu viền rồi sao chép CSS.
Chuyển màu
Chuyển màu giữa HEX, RGB và HSL. Gõ hoặc dán bên dưới — cả ba định dạng cập nhật khi bạn gõ.
Định dạng CSS
In đẹp hoặc nén CSS trên trình duyệt.
Hỏi đáp Chọn màu
Có với sRGB trong picker này. Sao chép cú pháp stylesheet cần. CMYK ở đây là đổi naive từ sRGB để dán nhanh, không phải profile ICC. Chúng tôi không chuyển P3 hay LAB — dùng Color Converter nếu đã có chuỗi khác.
Không. Đây là bộ tạo giá trị trên tab, không phải lấy màu màn hình. Kéo pad bão hòa và thanh hue, hoặc gõ HEX. Để lấy mẫu pixel từ ảnh, mở Image Color Picker tại /tools/image-color-picker. Gradient, shadow và border dùng màu bạn sao chép.
Không. Giá trị đã chọn ở lại tab này. Lưu màu giữ swatch gần đây chỉ trên trình duyệt này đến khi bạn xóa hoặc xóa dữ liệu trang.
Có. Mở Image Color Picker tại /tools/image-color-picker, chọn JPEG, PNG hoặc WebP trên thiết bị, di chuột để phóng pixel, rồi nhấp để khóa HEX, RGB và HSL. Trang Color Picker này là pad bão hòa khi bạn không có ảnh. Color Converter là anh em khi đã có chuỗi cú pháp khác. Gradient, shadow và border dùng màu bạn sao chép. Đóng tab để quên token đang chọn. Không lưu trên máy chủ.