Creado en 03/27/2026 21:08
  16

Web Accessibility WCAG High Contrast Toolkit

  • Contrast Black
    #000000
  • Contrast White
    #ffffff
  • Accessible Yellow
    #ffd60a
  • Accessible Blue
    #0057b7
  • Accessible Red
    #d00000
  • Accessible Green
    #2b9348
  • Neutral Gray
    #6c757d
Loading...
La paleta consta de Oscuro, Luz colores. Colores de acento Accessible Yellow #ffd60a y Accessible Blue #0057b7. La paleta tiene temperatura de color Neutral, Cálido, Frío.

Por luminosidad, la paleta va de #000000 (más oscuro) a #FFFFFF (más claro). El rango de luminosidad es amplio.

La saturación global se siente viva (croma alto).

Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).

En conjunto, la temperatura de color tiende al frío.

Códigos HEX (ordenados): #000000, #0057B7, #2B9348, #6C757D, #D00000, #FFD60A, #FFFFFF

La paleta Web Accessibility WCAG High Contrast Toolkit tiene una combinación de colores de códigos de 7:
HEX: #000000, RGB: (0, 0, 0); HEX: #ffffff, RGB: (255, 255, 255); HEX: #ffd60a, RGB: (255, 214, 10)
HEX: #0057b7, RGB: (0, 87, 183); HEX: #d00000, RGB: (208, 0, 0); HEX: #2b9348, RGB: (43, 147, 72)
HEX: #6c757d, RGB: (108, 117, 125)
Versión simplificada de la paleta de colores
Negro, Blanco, Sombra de gold, Matiz de royalblue, Matiz de firebrick, Sombra de seashell, Matiz de slategrey
El esquema de color fue creado por colorday

Códigos de colores en la paleta

Web Accessibility WCAG High Contrast Toolkit códigos de color HEX, información RGB en la tabla

Color HEX RGB Nombre nombre alternativo
#000000 #000000 RGB(0, 0, 0)Contrast BlackBlack
#ffffff #ffffff RGB(255, 255, 255)Contrast WhiteWhite
#ffd60a #ffd60a RGB(255, 214, 10)Accessible Yellow
#0057b7 #0057b7 RGB(0, 87, 183)Accessible Blue
#d00000 #d00000 RGB(208, 0, 0)Accessible RedRed Epiphyllum
#2b9348 #2b9348 RGB(43, 147, 72)Accessible Green
#6c757d #6c757d RGB(108, 117, 125)Neutral GrayPompeii Ash

Contraste de la paleta de colores

7 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
Color de texto Color de fondo Relación de contraste
#ffffff
#ffd60a
1.41
#0057b7
#d00000
1.2
#0057b7
#2b9348
1.76
#0057b7
#6c757d
1.46
#d00000
#2b9348
1.45
#d00000
#6c757d
1.21

Paleta de imágenes Web Accessibility WCAG High Contrast Toolkit png

Loading...
Loading...