Ir para o conteúdo principal

Rosa-claro

Tudo o que você precisa saber sobre rosa claro para inspirar seu próximo design.

Obter paleta de cores

Escolha uma cor

Hex

RGB

HSB

HSL

Escolha as configurações da paleta

Paletas personalizadas

Rosa claro é um tom suave e delicado encontrado na seção de vermelho pálido da roda de cores. Essa cor frequentemente evoca uma sensação de inocência e os novos começos da primavera.

color Rosa clarocolor Rosa claro

Rosa claro é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.

  • Código HEX: #FFB5C0
  • Valor RGB: 100% vermelho, 71% verde e 75,3% azul

Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.

Aqui estão algumas maneiras de usar rosa claro em seus designs:

  • Evocar emoção. Rosa claro é versátil e pode criar designs lúdicos, atmosferas tranquilas ou interfaces acolhedoras. Seu tom calmante funciona especialmente bem para as indústrias de beleza, saúde e bem-estar.
  • Fundos ou destaques. Use rosa claro como base para designs no fundo e para chamar a atenção para recursos como CTAs e botões.
  • Suavizar elementos mais escuros. Rosa claro pode equilibrar elementos de UI mais escuros, adicionando um toque suave e evitando que a interface pareça muito agressiva.

Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise considerações de cor para suas regiões específicas.

Para variações dentro do mesmo espectro suave do rosa claro, considere:

  • Água de rosas (#FFD6D1) é um tom de rosa suave e gentil que compartilha o efeito calmante característico do rosa claro.
  • Rosa blush (#FF7782) é um rosa empoeirado ligeiramente mais escuro que o rosa claro.
  • Rosa (#FF8DA1) tem tons ligeiramente alaranjados com uma coloração mais brilhante que o rosa claro.
  • Salmão (#FF7E70) é um rosa-alaranjado com tons que variam de laranja brilhante a rosa suave.

Para complementar o rosa claro, considere combiná-lo com:

  • Azul menta (#98FBCB) contrasta com o tom suave do rosa claro, criando uma paleta lúdica.
  • Amarelo mostarda (#FFCE1B) cria uma combinação de cores brilhante que joga com os tons alegres de ambas as cores.
  • Pêssego (#FFD3AC) tem um toque de rosa junto com seus tons de laranja e amarelo, tornando-se um complemento perfeito para o rosa claro.
  • Bege (#EDE8D0) oferece uma combinação de cores neutras com rosa claro, criando um visual calmante.
  • Preto (#000000) cria um contraste dramático e sofisticado com o rosa claro.

Considere combinar rosa claro com outras cores, como lavanda para uma paleta limpa e jovem, azul marinho para criar maior contraste, e cinza claro para uma sensação de amplitude.

Embora o rosa claro seja versátil, ele pode entrar em conflito com:

  • Laranja neon (#FF5C00) é muito brilhante e pode fazer o rosa claro parecer desbotado.
  • Creme (#FDFBD4) pode não fornecer contraste suficiente com o rosa claro, fazendo com que as cores se misturem e percam definição.
  • Vermelho (#FF2C2C) combina melhor com cores mais suaves que oferecem mais contraste.
  • Verde limão (#89F336) e rosa claro podem ser divertidos e veranis, mas o contraste é muito forte para a maioria dos designs.

Rosa claro simboliza gentileza, inocência e pureza. É frequentemente associado à primavera, novos começos e beleza delicada.

Na psicologia das cores, o rosa claro é conhecido por seu efeito calmante e tranquilizante. Reduz sentimentos de estresse e raiva, promovendo paz e tranquilidade. O tom pálido é agradável aos olhos e pode criar subconscientemente uma sensação de segurança e proteção.

No design de UI, o rosa claro é um ótimo destaque ou cor de fundo, especialmente para interfaces ricas em conteúdo, pois sua suavidade reduz a fadiga ocular. No entanto, não é ideal como cor principal do texto, pois pode ser difícil de ler em certos fundos.

O rosa claro ganhou popularidade na França do século XVIII, quando a ícone da moda Madame de Pompadour, uma figura influente durante o reinado de Luís XV, promoveu a cor. Rosa claro e tons pastéis eram preferidos pelos membros da aristocracia europeia, simbolizando luxo e alta sociedade. Essa era também viu a criação da famosa porcelana rosa de Sèvres, nomeada em homenagem à fábrica que a produzia.

Hoje, o rosa claro é frequentemente associado à inocência. Esse tom tem se tornado cada vez mais universal em seu apelo entre todos os gêneros.

Variações de cor

Sombras

Tonalidades

Tons

Matizes

Harmonias de cores

Complementar

Dividida

Monocromática

Análoga

Triádica

Quadrado

Paletas personalizadas

Beijo de Cupido

Flor de Cerejeira

Romance Rococó

Verificador de contraste

Contraste 1,66

Texto grande

#FFB5C0

Texto normal

Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.

Este é um texto #FFB5C0 sobre fundo #FFFFFF.
Categoria
Reprovado
Reprovado
Reprovado
Reprovado
Reprovado
Reprovado

Contraste 12,62

Texto grande

#FFB5C0

Texto normal

Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.

Este é um texto #FFB5C0 sobre fundo #000000.
Categoria
Aprovado
Aprovado
Aprovado
Aprovado
Aprovado
Aprovado

Simulações de cor

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

A cor hexadecimal #ffb5c0, conhecida como Rosa claro, tem valores RGB de R:255, G:181, B:192 e valores CMYK de C:0, M:29, Y:25, K:0.

VALUECSS
HEX#ffb5c0#ffb5c0
RGB DECIMAL255, 181, 192RGB(255,181,192)
RGB PERCENTAGE100.0, 71.0, 75.3RGB(100.0%,71.0%,75.3%)
CMYK0, 29, 25, 0
HSLHSL(351.1, 100.0%, 85.5%)HSL(351.1, 100.0%, 85.5%)
HSV (OR HSB)351.1°, 29.0, 100.0
WEB SAFE#255204204#255204204
BINARY11111111, 10110101, 11000000
iOS - SwiftUIColor(red: 1.000, green: 0.710, blue: 0.753)
iOS - UIKitUIColor(red: 1.000, green: 0.710, blue: 0.753, alpha: 1)
Android - ComposeColor(0xFFFFB5C0)
Obter paleta de cores