Espacio de trabajo para gradientes CSS

Construye un gradiente listo para una interfaz real.

Elige una receta de la fuente o ajusta la escala medida. Cada parada se puede inspeccionar, el CSS es determinista y el contraste se presenta como una muestra, no como una garantía para todo el fondo.

linear-gradient(90deg, #091E3A 0%, #2F80ED 50%, #2D9EE0 100%)

377Recetas únicas
382Filas de la fuente
753Colores de parada únicos

Escala de mezcla

Receta actual

Receta de la fuente seleccionadaOmolon

Ángulo de dirección

90°

Paradas de color

#091E3A0%

#2F80ED50%

#2D9EE0100%

CSS listo para copiarlinear-gradient(90deg, #091E3A 0%, #2F80ED 50%, #2D9EE0 100%)

Cinco muestras de contraste

Las muestras estiman el contraste del texto negro y blanco en puntos fijos de esta interpolación sRGB.

0%#091E3A

Muestra al 0%

Texto negro: 1,26:1
Texto blanco: 16,69:1

25%#1C4F94

Muestra al 25%

Texto negro: 2,60:1
Texto blanco: 8,09:1

50%#2F80ED

Muestra al 50%

Texto negro: 5,43:1
Texto blanco: 3,87:1

75%#2E8FE7

Muestra al 75%

Texto negro: 6,20:1
Texto blanco: 3,39:1

100%#2D9EE0

Muestra al 100%

Texto negro: 7,08:1
Texto blanco: 2,97:1

Una relación de muestra no demuestra que el texto sea legible en cada punto, recorte, tamaño, estado o renderizado del gradiente. Prueba el componente final y, cuando sea posible, coloca el contenido esencial sobre una superficie estable.

Fuente comunitaria fijada

377 recetas normalizadas

La fuente contiene 382 filas con nombres independientes. Cinco secuencias de color aparecen dos veces, por lo que Hexees conserva ambos nombres como alias de una sola receta.

Se muestran 24 de 377 recetas coincidentes · 377 en total

Omolon

#091E3A#2F80ED#2D9EE0

Farhan

#9400D3#4B0082

Purple

#C84E89#F15F79

Ibtesam

#00F5A0#00D9F5

Radioactive Heat

#F7941E#72C6EF#00A651

The Sky And The Sea

#F7941E#004E8F

From Ice To Fire

#72C6EF#004E8F

Blue & Orange

#FD8112#0085CA

Purple Dream

#BF5AE0#A811DA

Blu

#00416A#E4E5E6

Alias de la fuente Bupe

Summer Breeze

#FBED96#ABECD6

Ver

#FFE000#799F0C

Alias de la fuente Rea

Ver Black

#F7F8F8#ACBB78

Combi

#00416A#799F0C#FFE000

Anwar

#334D50#CBCAA5

Bluelagoo

#0052D4#4364F7#6FB1FC

Lunada

#5433FF#20BDFF#A5FECB

Reaqua

#799F0C#ACBB78

Mango

#FFE259#FFA751

Windy

#ACB6E5#86FDE8

Royal Blue

#536976#292E49

Royal Blue + Petrol

#BBD2C5#536976#292E49

Copper

#B79891#94716B

Anamnisar

#9796F0#FBC7D4

Abrir el índice completo de nombres

Aquí aparecen los 382 nombres de la fuente. Al seleccionar uno se carga su receta normalizada en el editor sin crear otra página indexada.

Fuente y licencia

Una copia fijada e inspeccionable de uiGradients

Hexees utiliza el archivo gradients.json exacto de un commit inmutable. Los nombres y las secuencias proceden de esa fuente; las posiciones uniformes y el CSS son cálculos deterministas de Hexees.

Hexees no está afiliado con uiGradients ni con sus colaboradores.

Filas de la fuente: 382
Recetas únicas: 377
Colores de parada únicos: 753
Commit fijado: afb0184

WCAG

La vista previa y las relaciones de muestra ayudan a detectar riesgos evidentes, pero la legibilidad depende de cada punto situado detrás del texto real. Un logotipo, gráfico, borde o indicador de foco también necesita su propia revisión de contraste no textual.

Abrir el comprobador de contraste entre dos colores