Kleurenpicker
Kies kleuren en converteer tussen 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
Kleur Palet Generator van afbeelding
Dominante kleuren uitpakken uit een afbeelding
RGB/HEX Omvormer
Converteren tussen RGB en HEX kleurenformaten
CSS kleurverloopgenerator
Aangepaste CSS-gradiënten aanmaken met voorbeeld
WCAG Contrastcontrole
Kleurcontrast controleren volgens WCAG-normen
Digitale handtekeninggenerator
Gestileerde digitale handtekeningen maken met verschillende lettertypen
Box schaduwgenerator
CSS-boxschaduw genereren