Creado en 06/09/2025 17:09
Web Accessibility Spectrum Kit
- Readable Cyan#00ced1
- Error Orange#ff6f00
- Focus Blue#2962ff
- Label Gray#9e9e9e
- Surface Light#f5f5f5
- Caption Black#212121
- Toggle Pink#ffb6c1
La paleta consta de Luz, semioscuro, Oscuro colores. Colores de acento Readable Cyan #00ced1 y Toggle Pink #ffb6c1. La paleta tiene temperatura de color Frío, Cálido, Neutral.
Por luminosidad, la paleta va de #212121 (más oscuro) a #F5F5F5 (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).
Las notas cálidas y frías están bastante equilibradas.
Códigos HEX (ordenados): #00CED1, #212121, #2962FF, #9E9E9E, #F5F5F5, #FF6F00, #FFB6C1
La paleta Web Accessibility Spectrum Kit tiene una combinación de colores de códigos de 7:
HEX: #00ced1, RGB: (0, 206, 209); HEX: #ff6f00, RGB: (255, 111, 0); HEX: #2962ff, RGB: (41, 98, 255)
HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #212121, RGB: (33, 33, 33)
HEX: #ffb6c1, RGB: (255, 182, 193)
Versión simplificada de la paleta de colores
Sombra de chocolate, Matiz de royalblue, Matiz de darkgrey, Sombra de Negro
El esquema de color fue creado por colorscheme
Códigos de colores en la paleta
Web Accessibility Spectrum Kit códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #00ced1 | #00ced1 | RGB(0, 206, 209) | Readable Cyan | Jade Glass |
| #ff6f00 | #ff6f00 | RGB(255, 111, 0) | Error Orange | — |
| #2962ff | #2962ff | RGB(41, 98, 255) | Focus Blue | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Label Gray | Gray62 |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Surface Light | White Smoke |
| #212121 | #212121 | RGB(33, 33, 33) | Caption Black | Lead |
| #ffb6c1 | #ffb6c1 | RGB(255, 182, 193) | Toggle Pink | Matt Pink |
Contraste de la paleta de colores
10 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 |
#00ced1 | #ff6f00 | 1.42 |
#00ced1 | #9e9e9e | 1.37 |
#00ced1 | #f5f5f5 | 1.79 |
#00ced1 | #ffb6c1 | 1.18 |
#ff6f00 | #2962ff | 1.75 |
#ff6f00 | #9e9e9e | 1.04 |
Paleta de imágenes Web Accessibility Spectrum Kit png
Exportar paleta
Descargue la "Web Accessibility Spectrum Kit" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: