Quảng cáo
Quảng cáo giúp duy trì công cụ miễn phí cho cộng đồng.

🎨 Color Picker Online

Chọn màu chính xác với HEX, RGB, HSL, CMYK. Color wheel, gradient picker, bảng màu preset và color palette generator.

Nhiều định dạng màu
Color wheel chuyên nghiệp
Chọn từ ảnh
Palette generator

🎨 Thống kê

16M+

Màu có thể chọn

5+

Định dạng màu

Color Picker

Chọn màu chính xác với nhiều công cụ

Color Wheel
Điều chỉnh màu
Màu preset
Chọn màu từ ảnh

Click để tải ảnh lên và chọn màu

Thông tin màu

Coral Red

Color Harmony
Bổ sung
Tương tự 1
Tương tự 2
Lịch sử màu
Quảng cáo

Cảm ơn bạn đã ủng hộ ToolsKit247. Quảng cáo giúp chúng tôi duy trì hơn 40 công cụ miễn phí.

📖 Cách sử dụng Color Picker

1
Chọn màu

Click vào color wheel hoặc sử dụng sliders để chọn màu

2
Xem thông tin

Xem các định dạng màu: HEX, RGB, HSL, CMYK

3
Copy và sử dụng

Click copy để sao chép mã màu vào project

✨ Tính năng nổi bật

Color Wheel chuyên nghiệp

Vòng tròn màu 360° với độ chính xác cao

Nhiều định dạng màu

HEX, RGB, HSL, CMYK, HSV cho mọi nhu cầu

Chọn màu từ ảnh

Upload ảnh và click để lấy màu từ bất kỳ pixel nào

Color Harmony

Tự động tạo màu bổ sung, tương tự và tương phản

Lịch sử màu

Lưu trữ các màu đã chọn để sử dụng lại

Copy nhanh

Click 1 lần để copy mã màu vào clipboard

🎯 Ứng dụng trong thiết kế

Web Design
  • ✅ Chọn màu CSS chính xác
  • ✅ Tạo color scheme cho website
  • ✅ Kiểm tra contrast ratio
  • ✅ Matching màu brand
Graphic Design
  • ✅ Tạo palette màu cho poster
  • ✅ Match màu từ reference image
  • ✅ CMYK cho in ấn
  • ✅ Color harmony cho logo
UI/UX Design
  • ✅ Material Design colors
  • ✅ Accessibility color contrast
  • ✅ App theme colors
  • ✅ Button states và hover
Digital Art
  • ✅ Color sampling từ reference
  • ✅ Tạo gradient custom
  • ✅ Shading và highlighting
  • ✅ Color temperature adjustment

🎨 Định dạng màu phổ biến

Định dạng Mô tả Ví dụ Ứng dụng
HEX 6 ký tự thập lục phân #FF6B6B Web design, CSS
RGB Red, Green, Blue (0-255) rgb(255, 107, 107) Màn hình, digital
HSL Hue, Saturation, Lightness hsl(0, 100%, 71%) CSS3, design tools
CMYK Cyan, Magenta, Yellow, Key cmyk(0%, 58%, 58%, 0%) In ấn, printing
Quảng cáo
Chúng tôi chỉ hiển thị một banner dưới cùng, không popup và không chuyển hướng.

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

RGB (Red, Green, Blue) dùng cho màn hình và thiết bị digital. CMYK (Cyan, Magenta, Yellow, Key/Black) dùng cho in ấn. RGB sáng hơn, CMYK ít màu hơn nhưng chính xác cho in.

Chọn màu chủ đạo phù hợp với brand, sử dụng color harmony để tạo palette. Kiểm tra contrast ratio cho accessibility, test trên nhiều thiết bị.

HSL trực quan hơn, dễ điều chỉnh độ sáng (Lightness) và bão hòa (Saturation) mà không thay đổi màu gốc (Hue). Phù hợp cho animation và responsive design.

🔗 Tools liên quan

Gradient Generator

Tạo CSS gradient

Sử dụng
Color Contrast

Kiểm tra độ tương phản

Sử dụng
Image Color Extractor

Trích xuất palette từ ảnh

Sử dụng
Color Palette

Tạo bộ màu hoàn chỉnh

Sử dụng