Generar paleta
  1. paletas de colores
  2. React Stateflow Dev Theme

React Stateflow Dev Theme

  • Component Cream
    #f7f5f0
  • Hook Slate
    #707070
  • Dispatch Yellow
    #ffd93d
  • Effect Blush
    #f99aa6
  • Tree Graphite
    #3b3b3b
  • Props Mint
    #b2ffda
  1
Creado en 07/13/2025 09:19
porcolorday
La paleta consta de Claro, semioscuro colores. Colores de acento Effect Blush #f99aa6 y Props Mint #b2ffda. La paleta tiene temperatura de color Neutral, Cálido, Frío.

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

Saturación mixta: 2 apagados y 3 vivos de 6 colores.

Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.

En conjunto, la temperatura de color tiende al cálido (2 de 6).

Códigos HEX (ordenados): #3B3B3B, #707070, #B2FFDA, #F7F5F0, #F99AA6, #FFD93D

La paleta React Stateflow Dev Theme combina 6 códigos de color:
HEX: #f7f5f0, RGB: (247, 245, 240); HEX: #707070, RGB: (112, 112, 112); HEX: #ffd93d, RGB: (255, 217, 61)
HEX: #f99aa6, RGB: (249, 154, 166); HEX: #3b3b3b, RGB: (59, 59, 59); HEX: #b2ffda, RGB: (178, 255, 218)
Versión simplificada de la paleta de colores
Tono oscuro de Blanco floral, Tono claro de Gris tenue, Tono claro de Oro, Tono oscuro de Rosa claro, Tono oscuro de Gris pizarra oscuro, Tono claro de Aguamarina
El esquema de color fue creado por colorday

Códigos de colores en la paleta

React Stateflow Dev Theme códigos de color HEX, información RGB en la tabla

Color HEX RGB Nombre nombre alternativo
#f7f5f0 #f7f5f0 RGB(247, 245, 240)Component Cream—
#707070 #707070 RGB(112, 112, 112)Hook SlateGray44
#ffd93d #ffd93d RGB(255, 217, 61)Dispatch Yellow—
#f99aa6 #f99aa6 RGB(249, 154, 166)Effect Blush—
#3b3b3b #3b3b3b RGB(59, 59, 59)Tree GraphiteGray23
#b2ffda #b2ffda RGB(178, 255, 218)Props Mint—

Contraste de la paleta de colores

6 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
#f7f5f0
#ffd93d
1.26
#f7f5f0
#f99aa6
1.88
#f7f5f0
#b2ffda
1.05
#ffd93d
#f99aa6
1.49
#ffd93d
#b2ffda
1.19
#f99aa6
#b2ffda
1.78

Paleta de imágenes React Stateflow Dev Theme png

React Stateflow Dev Theme paleta de colores: Component Cream, Hook Slate, Dispatch Yellow, Effect Blush, Tree Graphite
 Descargar imagen