Gerar paleta
  1. Paletas de cores
  2. Headless UI Dark Pattern Set

Headless UI Dark Pattern Set

  • Module Black
    #0f0f0f
  • Focus Pink
    #ff80ab
  • Fade Slate
    #71717a
  • Toggle Lilac
    #c084fc
  • Surface Jet
    #1c1c1e
  • Hint Cream
    #faf8f6
  1
Criado em 06/12/2025 08:36
porcoolor
A paleta consiste em cores Escuro, Claro, Semi escuro. Cores de destaque Focus Pink #ff80ab e Toggle Lilac #c084fc. A paleta tem Neutro, Quente, Frio temperatura de cores.

Em luminosidade, a paleta vai de #0F0F0F (mais escuro) a #FAF8F6 (mais claro). A faixa de luminosidade é ampla.

Saturação mista — 3 suaves e 2 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 (4 de 6).

Códigos HEX (ordenados): #0F0F0F, #1C1C1E, #71717A, #C084FC, #FAF8F6, #FF80AB

A paleta Headless UI Dark Pattern Set combina 6 códigos de cor:
HEX: #0f0f0f, RGB: (15, 15, 15); HEX: #ff80ab, RGB: (255, 128, 171); HEX: #71717a, RGB: (113, 113, 122)
HEX: #c084fc, RGB: (192, 132, 252); HEX: #1c1c1e, RGB: (28, 28, 30); HEX: #faf8f6, RGB: (250, 248, 246)
Versão simplificada das cores da paleta
Tom claro de Preto, Tom claro de Rosa-choque, Tom claro de Cinza-fosco, Tom escuro de Violeta, Tom claro de Preto, Tom claro de Fumaça-branca
O esquema de cores foi criado por coolor

Códigos de cores na paleta

Headless UI Dark Pattern Set códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#0f0f0f #0f0f0f RGB(15, 15, 15)Module BlackChaos Black
#ff80ab #ff80ab RGB(255, 128, 171)Focus Pink—
#71717a #71717a RGB(113, 113, 122)Fade Slate—
#c084fc #c084fc RGB(192, 132, 252)Toggle Lilac—
#1c1c1e #1c1c1e RGB(28, 28, 30)Surface Jet—
#faf8f6 #faf8f6 RGB(250, 248, 246)Hint Cream—

Contraste da paleta de cores

3 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do texto Cor de fundo Razão de contraste
#0f0f0f
#1c1c1e
1.12
#ff80ab
#c084fc
1.12
#71717a
#c084fc
1.82

Paleta de imagens Headless UI Dark Pattern Set png

Headless UI Dark Pattern Set paleta de cores: Module Black, Focus Pink, Fade Slate, Toggle Lilac, Surface Jet, Hint Cream
 Baixar imagem