Navigation user interface design ui colours

  • Black
    #141414
  • White
    #ffffff
  • Anti-Flash White
    #f0f0f0
  • Alice Blue
    #f0f0ff
  • Azure
    #f0ffff
  • Honeydew
    #f0fff0
  53
Criado em 06/02/2023 13:30
A paleta consiste em cores Escuro, Claro. Cores de destaque White #ffffff e Azure #f0ffff. A paleta tem Neutro temperatura de cores.

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

Saturação mista — 3 suaves e 3 vívidas em 6 cores.

Uma paleta variada: seus tons se espalham por cerca de 120° do círculo cromático.

A maioria das amostras lê-se como neutra em temperatura (6 de 6).

Códigos HEX (ordenados): #141414, #F0F0F0, #F0F0FF, #F0FFF0, #F0FFFF, #FFFFFF

A paleta Navigation user interface design ui colours combina 6 códigos de cor:
HEX: #141414, RGB: (20, 20, 20); HEX: #ffffff, RGB: (255, 255, 255); HEX: #f0f0f0, RGB: (240, 240, 240)
HEX: #f0f0ff, RGB: (240, 240, 255); HEX: #f0ffff, RGB: (240, 255, 255); HEX: #f0fff0, RGB: (240, 255, 240)
Versão simplificada das cores da paleta
Tom claro de Preto, Branco, Tom escuro de Fumaça-branca, Tom claro de Lavanda, Azul-celeste, Melão
O esquema de cores foi criado por coolor

Códigos de cores na paleta

Navigation user interface design ui colours códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#141414#141414RGB(20, 20, 20)BlackSooty
#ffffff#ffffffRGB(255, 255, 255)White—
#f0f0f0#f0f0f0RGB(240, 240, 240)Anti-Flash WhiteGray94
#f0f0ff#f0f0ffRGB(240, 240, 255)Alice Blue—
#f0ffff#f0ffffRGB(240, 255, 255)AzureVapor
#f0fff0#f0fff0RGB(240, 255, 240)HoneydewHoneydew1

Contraste da paleta de cores

10 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do textoCor de fundoRazão de contraste
#ffffff
#f0f0f0
1.13
#ffffff
#f0f0ff
1.12
#ffffff
#f0ffff
1.02
#ffffff
#f0fff0
1.03
#f0f0f0
#f0f0ff
1.01
#f0f0f0
#f0ffff
1.1

Paleta de imagens Navigation user interface design ui colours png