Cueillette de couleurs
Choisir les couleurs et convertir entre 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
Générateur de palette de couleurs à partir de l'image
Extraire les couleurs dominantes d'une image
RGB/HEX Convertisseur
Convertir entre les formats couleur RGB et HEX
Générateur de graduation CSS
Créer des dégradés CSS personnalisés avec prévisualisation
Vérification de contraste WCAG
Vérifier le contraste de couleur selon les normes WCAG
Générateur de signatures numériques
Créer des signatures numériques stylisées avec différentes polices
Générateur d'ombre de boîte
Générer des ombres de boîte CSS