como funciona
La entrada de color nativo proporciona un valor sRGB como una cadena hexadecimal de seis dígitos. Los canales se analizan en decimal para el triplete RGB y la propiedad personalizada de CSS se escribe en la sintaxis exacta que espera una hoja de estilo.
- Utiliza la entrada de color nativa, por lo que funciona con el cuentagotas del sistema cuando el navegador lo admite.
Por qué es importante
Una paleta vive en Figma, CSS, correos electrónicos y, a veces, en un lienzo. Cada paso de traducción es una oportunidad de pegar el formato incorrecto, por lo que copiar HEX, RGB y una propiedad personalizada juntos elimina una clase de errores evitables.
Un ejemplo trabajado
Al elegir #635BFF se obtiene rgb(99, 91, 255) y la propiedad personalizada CSS --color: #635BFF, que se puede colocar en una hoja de estilo y hacer referencia a ella en todas partes en lugar de repetir el código hexadecimal.
Errores comunes
- Elegir color y fondo por separado sin comprobar el contraste.
- Depender únicamente del tono para señalar el estado.
- Olvidarse de las variantes de desplazamiento y enfoque.
Consejos prácticos
Elige primero la escala neutra y luego el acento. Es más fácil mantener la coherencia entre temas claros y oscuros con un solo color de acento más tres neutros que con una paleta más grande.
como usarlo
- Abra la herramienta. Todo se ejecuta en la pestaña de su navegador.
- Pegue o escriba su entrada, luego elija la acción que necesita.
- Comprueba el resultado y cópialo con un clic.
Preguntas comunes
¿Puedo elegir un color de la pantalla?
Cuando el navegador admite el cuentagotas nativo, sí. De lo contrario, utilice la muestra de entrada de color.
¿Qué formatos genera?
HEX, un triplete RGB y una propiedad personalizada CSS que puedes pegar en una hoja de estilo.
¿Se guarda el color elegido?
No. El valor existe solo en la página hasta que la cierras.
¿Esta herramienta es realmente gratuita?
Sí. No hay cuenta, muro de pago ni límite de uso. La aplicación Tools está financiada por aumenso, el estudio detrás de ella.
¿Se ha subido algo de lo que ingreso?
No. La herramienta se ejecuta en la pestaña de su navegador; lo que usted ingresa nunca se nos envía ni se almacena.