Crea cualquier fondo de color liso
Pantalla de color personalizado
Introduce un HEX de seis dígitos o elige un color a simple vista. Después puedes verlo a pantalla completa, compararlo con la elección anterior y exportar un PNG del mismo color. La herramienta mantiene el color visible y muestra sus valores HEX, RGB y HSL.
- Entrada
- Selector o HEX de seis dígitos
- Valores
- HEX, RGB, HSL y luminosidad calculada
- Historial
- Cuatro colores recientes del navegador
- Imagen máxima
- 7680 × 4320
Cómo crear una pantalla de color personalizado
Empieza con un valor conocido si necesitas precisión o explora a simple vista si buscas un ambiente concreto.
Introduce el color
Escribe un valor como #3AB0A2, usa el selector o prueba el cuentagotas si tu navegador lo ofrece.
Revisa sus valores
Comprueba RGB y HSL, la luminosidad calculada y el color de texto sugerido para obtener un contraste alto.
Compara las opciones
Elige otro color y activa Comparación A/B para colocarlo junto al anterior.
Úsalo o guárdalo
Abre el fondo a pantalla completa o descarga un PNG liso con las dimensiones que necesitas.
Usa el mismo valor en el diseño y en la pantalla
Un código HEX da a quienes trabajan contigo una referencia digital clara. Copia RGB para los controles de imágenes o aplicaciones. Usa HSL si prefieres ajustar por separado el matiz, la saturación y la luminosidad.
La pantalla es una vista previa, no una prueba de que todos los dispositivos mostrarán el valor de forma idéntica. El tipo de panel, los ajustes de color, el brillo y la luz de la habitación pueden cambiar su apariencia.
Una forma práctica de comparar colores
Elige el primer color, después el segundo y abre Comparación A/B. Valora ambos a la vez sin depender de la memoria del color. Revisa el contraste indicado antes de poner texto sobre el fondo.
Si necesitas una referencia neutra, compara tu elección con negro puro o un fondo blanco. Esas páginas también ofrecen preajustes propios para revisar el monitor e iluminar.
Qué hacen los controles de color
Los ajustes cubren la elección del color, la comparación, el funcionamiento del navegador y la creación del archivo.
Preajustes personalizados
Al elegir un color, la herramienta crea versiones del color original, atenuada, profunda y pálida.
Luminosidad y texto
LUM muestra la luminosidad relativa calculada que se usa en las comprobaciones de accesibilidad web. TEXT indica si el negro o el blanco ofrece más contraste.
Colores recientes
Se guardan hasta cuatro colores válidos en el dispositivo para volver a tus últimas elecciones.
Adaptar a mi pantalla
La exportación usa las dimensiones que comunica el navegador. También tiene en cuenta la proporción de píxeles: cuántos píxeles físicos se usan para una unidad de pantalla.
Importante: La sugerencia de contraste es un cálculo para texto negro o blanco. Revisa la interfaz completa según los requisitos de accesibilidad de tu proyecto.
Preguntas sobre Pantalla de color personalizado
¿Qué formatos HEX se aceptan?
Introduce una almohadilla seguida de seis caracteres hexadecimales, por ejemplo #1A2B3C.
¿Se suben los colores recientes?
No. La lista reciente se guarda en el almacenamiento local del navegador del dispositivo actual.
¿La herramienta puede calibrar mi monitor?
No. Muestra los colores solicitados al navegador, pero no puede medir ni corregir la luz que emite físicamente el panel.