Color Picker
Pick colors and convert between HEX, RGB, HSL, CMYK
tools.colorPicker.title
tools.colorPicker.description
tools.colorPicker.preview
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)CMYK
cmyk(96%, 96%, 96%, 23%)Extract and convert color codes with our Color Picker tool. Get HEX, RGB, HSL, and CMYK values from any color for use in design and web development.
Características Principales
Visual color picker interface
Conversion between HEX, RGB, HSL, and CMYK formats
Copy color values to clipboard with one click
Real-time color preview
Color history for quick reference
Eyedropper tool for sampling colors from images
How to Use Color Picker
Select Color
Click the color picker to choose a color or enter a hex code directly
View Conversions
Instantly see color values in HEX, RGB, HSL, and CMYK formats
Copy Values
Click any format button to copy that color value to clipboard
Use in Projects
Paste the copied color code into your design or development tool
Save Favorites
Color history keeps track of previously picked colors
Casos de Uso
Extracting colors from website images and screenshots
Converting colors between design tools (Figma to CSS)
Finding exact color codes for brand color consistency
Building accessible color palettes with contrast checking
Preguntas Frecuentes
What color formats are supported?
HEX, RGB, HSL, CMYK, and HSV formats are all supported and convertible
Can I copy colors in different formats?
Yes, click any format to copy that specific color code to clipboard
How do CMYK and RGB differ?
RGB is for screens/digital, CMYK is for print; conversion approximates color
Is there a color eyedropper?
Yes, the eyedropper tool samples colors from images and webpage elements
Herramientas Relacionadas que Te Pueden Interesar
Información de la Herramienta
Herramientas Relacionadas
Color Palette Generator from Image
Extract dominant colors from an image
RGB/HEX Converter
Convert between RGB and HEX color formats
CSS Gradient Generator
Create custom CSS gradients with preview
WCAG Contrast Checker
Check color contrast according to WCAG standards
Digital Signature Generator
Create stylized digital signatures with different fonts
Box Shadow Generator
Generate CSS box shadows