Reloj Hex

La hora del día es un color: #HHMMSS. La muestra de abajo avanza una vez por segundo, puedes fijarla a cualquier hora, pegar un valor hexadecimal o escribir una hora decimal. El panel de lecturas muestra el mismo valor como RGB, HSL, luminancia y el color con nombre CSS más cercano. Puramente del lado del cliente, sin conexión.

Modo

La hora como color

La muestra ES la hora. El color del texto cambia a negro o blanco según cuál tenga mayor relación de contraste WCAG contra la muestra.

Lecturas

Decimal (HH:MM:SS)
—
Hex (#HHMMSS)
—
Hora decimal (0–24)
—
Color con nombre más cercano
—

RGB · HSL · Luminancia

El mismo valor, desglosado en los tres canales de color y la luminancia relativa WCAG. Las relaciones de contraste contra negro puro y blanco puro son la comprobación de validación AA/AAA.

R 0
G 0
B 0
H 0°
S 0%
L 0%
rgb(r, g, b)
—
hsl(h, s%, l%)
—
Luminancia relativa
—
Contraste vs negro / blanco
—

Horas predeterminadas

Muestras de un clic a lo largo del día, desde una muestra negra de medianoche hasta una muestra casi blanca del mediodía.

El reloj hexadecimal es una tradición del diseño web de los años 90: la hora del día, escrita como un color CSS, llena la pantalla. La matemática aquí es la misma que en cualquier selector de color: seis dígitos hexadecimales decodifican a tres canales de 8 bits, los canales decodifican a HSL mediante la transformación sRGB, y la luminancia relativa WCAG es la suma ponderada estándar 0,2126 R + 0,7152 G + 0,0722 B después de una decodificación sRGB lineal por tramos. La página usa esa luminancia para elegir un color de texto superpuesto de alto contraste, de modo que la hora se mantenga legible sobre cada muestra. Toda la matemática se ejecuta en tu navegador; nada se sube.