Selector de Cores
Escolha cores e converter 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
Gerador de Paleta de Cores da Imagem
Extrair cores dominantes de uma imagem
RGB/HEX Conversor
Converter entre formatos de cores RGB e HEX
Gerador de Gradientes CSS
Criar gradientes CSS personalizados com antevisão
Verificador de Contraste WCAG
Verificar contraste de cor de acordo com os padrões WCAG
Gerador de Assinatura Digital
Criar assinaturas digitais estilizadas com fontes diferentes
Gerador de Sombras de Caixa
Gerar sombras de caixas de CSS