Saltar al contenido
AprenderUXUI » Aprender UX / UI y Diseño de Producto » Especificación X11 del W3C

Especificación X11 del W3C

¿Sabías que programas como Figma, Sketch o Penpot permiten poner color por sus nombres? ¡Además estos nombres también son válidos en desarrollo! Esto se debe a la especificación X11 del consorcio web W3C también conocida como W3CX11.

Anteriormente vimos cómo la web y muchos softwares de diseño utilizan principalmente los modelos de color RGB y HEX. Sin embargo, la especificación W3CX11 es un estándar de códigos de color que nos permiten conseguir intuitivamente los colores RGB que forman la web. Basta con saber en inglés el nombre del color que queremos.

cómo escribir el nombre de los colores web de la w3cx11 en Figma

Curiosamente, estos colores no son siempre los esperados y ahora te explicaré por qué. La especificación X11 originalmente proviene de Windows, donde se asociaron ciertos colores con nombres. Más tarde, esta especificación fue adoptada por el consorcio web W3C pero con algunas modificaciones. Entre ellas destacan 4 colores: el gris, el verde, el granate y el púrpura (color muy cercano al violeta) que se volvieron más oscuros.

De los colores anteriores, el que más problemas genera es el color verde porque como indicaba en RGB y HEX el verde de color primario es el RGB(0,255,0) o lo que es lo mismo #00ff00 esto es un verde claro pero es al que estamos acostumbrados. En la especificación W3CX11 a este color ya no se le llama green (verde), sino que se le llama lime (lima) y tiene sentido porque es parecido aunque a mi modo de ver le falta un poco de amarillo para ser colo lima, no es el verde que esperaría un usuario promedio. Por contra, sí es el verde que toma el espacio sRGB como color primario y es ahí donde puede venir una de esas posibles confusiones. Por cerrar el punto del color verde, en esta especificación el green (verde) es como decíamos un verde más oscuro como podemos observar en la siguiente imagen.

Comparación de la palabra green, verde en x11 y w3cx11. Para el primero se refiere al código #00ff00 y para el segundo al código #008000

En cualquier caso me parece algo muy útil y por eso os dejo esta lista de colores web de la especificación W3CX11 y esta imagen que te puede servir bien. Puedes hacer click aquí para verla en grande.

Tabla de colores web válidos para la especificación X11 del W3C sacada de Wikipedia
Etiquetas:

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *