Generar Paleta
  1. paletas de colores
  2. Front-End Developer Sandbox Palette
Creado en 07/16/2025 11:45
porraccoon
  1

Front-End Developer Sandbox Palette

  • Code Yellow
    #fdfd96
  • Preview White
    #f5f5f5
  • Dev Console Gray
    #4a4a4a
  • Syntax Blue
    #1877f2
  • Component Lime
    #b4f8c8
  • Break Red
    #ff6f61
La paleta consta de Luz colores. Colores de acento Syntax Blue #1877f2 y Break Red #ff6f61. La paleta tiene temperatura de color Cálido, Neutral, Frío.

Por luminosidad, la paleta va de #4A4A4A (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): #1877F2, #4A4A4A, #B4F8C8, #F5F5F5, #FDFD96, #FF6F61

La paleta Front-End Developer Sandbox Palette tiene una combinación de colores de códigos de 6:
HEX: #fdfd96, RGB: (253, 253, 150); HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #4a4a4a, RGB: (74, 74, 74)
HEX: #1877f2, RGB: (24, 119, 242); HEX: #b4f8c8, RGB: (180, 248, 200); HEX: #ff6f61, RGB: (255, 111, 97)
Versión simplificada de la paleta de colores
Sombra de Caqui, Matiz de dimgrey, Matiz de royalblue, Sombra de aquamarine, Matiz de salmon
El esquema de color fue creado por raccoon

Códigos de colores en la paleta

Front-End Developer Sandbox Palette códigos de color HEX, información RGB en la tabla

Color HEX RGB Nombre nombre alternativo
#fdfd96 #fdfd96 RGB(253, 253, 150)Code YellowPastel Yellow
#f5f5f5 #f5f5f5 RGB(245, 245, 245)Preview WhiteWhite Smoke
#4a4a4a #4a4a4a RGB(74, 74, 74)Dev Console GrayGray29
#1877f2 #1877f2 RGB(24, 119, 242)Syntax Blue—
#b4f8c8 #b4f8c8 RGB(180, 248, 200)Component Lime—
#ff6f61 #ff6f61 RGB(255, 111, 97)Break RedLiving Coral

Contraste de la paleta de colores

4 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
#fdfd96
#f5f5f5
1.02
#fdfd96
#b4f8c8
1.14
#f5f5f5
#b4f8c8
1.11
#1877f2
#ff6f61
1.55

Paleta de imágenes Front-End Developer Sandbox Palette png

Front-End Developer Sandbox Palette - #555594
 Descargar imagen