Artículos sobre diseño

Por dónde empezar

Dos de estos cambian cómo trabaja la gente en vez de solo explicar algo. La relación de contraste WCAG convierte una discusión estética en un número que cualquiera puede verificar, y px contra rem contra em zanja una decisión que determina en silencio si tu sitio respeta el tamaño de fuente que alguien eligió en su navegador.

Después de esos, hex, RGB y HSL es la base sobre la que se apoyan los demás artículos de color, y es corto.

Qué tienen en común estos artículos

Cada valor de una hoja de estilos es una decisión que alguien tomó sobre un intercambio, y la mayoría tiene un valor por defecto que gana en silencio cuando nadie decide. Una unidad elige entre tu control y el del lector. Un espacio de color elige entre cómo se guarda un valor y cómo se percibe. Una relación de contraste elige entre el aspecto que querías y la gente que puede leerlo.

Lo que se escribe acá es sobre qué controla cada valor realmente, incluidos los casos donde la respuesta honesta es que no importa. Borde redondeado y sombra de caja son casi pura sintaxis. sRGB contra Display P3 y elegir colores para modo oscuro no lo son, y los dos agarran desprevenido a quien supuso que una paleta iba a trasladarse sin más.

Preguntas frecuentes

¿Conviene usar px, rem o em en CSS?

Usa rem para los tamaños de fuente y casi todos los espaciados, porque escala con la configuración del navegador y quien agrandó su texto por defecto recibe lo que pidió. Usa em cuando un valor deba escalar en relación al tamaño de fuente del propio elemento, como el relleno dentro de un botón. Usa px para lo que es realmente fijo, como un borde de un píxel.

¿Por qué mis colores se ven más apagados después de exportar una captura?

Porque el original se capturó en un gamut amplio como Display P3 y el destino asumió sRGB. Los números se trasladan sin el perfil que les daba sentido, así que los colores saturados caen dentro del espacio más chico y se aplanan. Convertir a propósito, en vez de dejar que pase solo, conserva la intención.

¿Puedo armar un tema oscuro invirtiendo el claro?

No con buen resultado. El blanco puro sobre negro puro produce un halo que dificulta la lectura, los colores saturados parecen brillar contra un fondo oscuro, y cada relación de contraste que pasaba en el tema claro hay que volver a medirla. Un tema oscuro es una segunda paleta, no una transformación de la primera.