Criado em 06/06/2025 10:51
porhex
  11

Next.js Interface Aurora

  • Route Sky Beam
    #d0f0fd
  • Static Sand Cream
    #faeee0
  • Middleware Ruby Smoke
    #9d174d
  • Dynamic Snowmint
    #ebfff8
  • Edge Indigo
    #3e4c93
  • API Black Iron
    #141414
Loading...
A paleta consiste em cores Luz, Escuro. Cores de destaque Middleware Ruby Smoke #9d174d e Dynamic Snowmint #ebfff8. A paleta tem Legal, Neutro, Esquentar temperatura de cores.

Em luminosidade, a paleta vai de #141414 (mais escuro) a #EBFFF8 (mais claro). A faixa de luminosidade é ampla.

A saturação global parece vívida (croma alto).

Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).

No geral, a temperatura tende para o frio.

Códigos HEX (ordenados): #141414, #3E4C93, #9D174D, #D0F0FD, #EBFFF8, #FAEEE0

A paleta Next.js Interface Aurora tem uma combinação de cores de códigos de 6:
HEX: #d0f0fd, RGB: (208, 240, 253); HEX: #faeee0, RGB: (250, 238, 224); HEX: #9d174d, RGB: (157, 23, 77)
HEX: #ebfff8, RGB: (235, 255, 248); HEX: #3e4c93, RGB: (62, 76, 147); HEX: #141414, RGB: (20, 20, 20)
Versão simplificada das cores da paleta
Sombra de lightblue, Matiz de linen, Matiz de mediumvioletred, Matiz de honeydew, Sombra de darkslateblue, Sombra de Preto
O esquema de cores foi criado por hex

Códigos de cores na paleta

Next.js Interface Aurora códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#d0f0fd #d0f0fd RGB(208, 240, 253)Route Sky Beam
#faeee0 #faeee0 RGB(250, 238, 224)Static Sand Cream
#9d174d #9d174d RGB(157, 23, 77)Middleware Ruby Smoke
#ebfff8 #ebfff8 RGB(235, 255, 248)Dynamic Snowmint
#3e4c93 #3e4c93 RGB(62, 76, 147)Edge Indigo
#141414 #141414 RGB(20, 20, 20)API Black IronSooty

Contraste da Paleta de Cores

4 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do texto Cor de fundo Taxa de contraste
#d0f0fd
#faeee0
1.04
#d0f0fd
#ebfff8
1.14
#faeee0
#ebfff8
1.09
#9d174d
#3e4c93
1

Paleta de imagens Next.js Interface Aurora png

Loading...
Loading...