Conversión de cor
#ccfbc0
Variacións
O propósito desta sección é producir con precisión tons (engadido branco puro) e sombras (engadido negro puro) da cor seleccionada en incrementos do 10%.
Pro Tip: Usa sombras para estados de hover e sombras, tons para resaltados e fondos.
Sombras
Variacións máis escuras creadas engadindo negro á túa cor base.
Tons
Variacións máis claras creadas engadindo branco á túa cor base.
Casos de uso comúns
- • Estados de compoñentes de UI (hover, activo, desactivado)
- • Crear profundidade con sombras e resaltados
- • Construír sistemas de cor consistentes
Consello de sistema de deseño
Estas variacións forman a base dunha paleta de cores cohesiva. Expórtaas para manter a consistencia en todo o teu proxecto.
Combinacións de cores
Cada harmonía ten o seu propio estado de ánimo. Usa harmonías para xerar ideas de combinacións de cores que funcionen ben xuntas.
Como usar
Fai clic en calquera cor para copiar o seu valor hex. Estas combinacións están matematicamente probadas para crear harmonía visual.
Por que importa
As harmonías de cor crean equilibrio e evocan emocións específicas nos teus deseños.
Complemento
Unha cor e o seu oposto na roda de cores, +180 graos de ton. Alto contraste.
Complementario dividido
Unha cor e dúas adxacentes ao seu complemento, +/-30 graos de ton desde o valor oposto á cor principal. Audaz como un complemento directo, pero máis versátil.
Triádico
Tres cores espazadas uniformemente ao longo da roda de cores, cada unha a 120 graos de ton. O mellor é permitir que unha cor domine e usar as outras como acentos.
Análoga
Tres cores da mesma luminancia e saturación con tons adxacentes na roda de cores, a 30 graos de distancia. Transicións suaves.
Monocromática
Tres cores do mesmo ton con valores de luminancia +/-50%. Sutil e refinada.
Tetrádico
Dous conxuntos de cores complementarias, separados por 60 graos de ton.
Principios da teoría da cor
Equilibrio
Usa unha cor dominante, apoia con secundaria e acentúa con moderación.
Contraste
Asegúrate de ter suficiente contraste para a lexibilidade e accesibilidade.
Harmonía
As cores deben traballar xuntas para crear unha experiencia visual unificada.
Comprobador de contraste de cor
Proba combinacións de cores para asegurarte de que cumpren os estándares de accesibilidade WCAG para a lexibilidade do texto.
Cor do texto
Cor de fondo
Contraste
Estándares WCAG
Comprobador de contraste avanzado
Axusta finamente con deslizadores, múltiples vistas previas e máis
Todo o mundo é un xenio. Pero se xulgas un peixe pola súa habilidade para subir a unha árbore, vivirá toda a súa vida crendo que é estúpido.
Formatos técnicos
Formatos prácticos
Análise de cor
Simulador de daltonismo
Aspectos creativos
Preguntas frecuentes
- Que cor é #CCFBC0?
- #CCFBC0 é Brotes de Manzana Verde – Un verde menta extremadamente pálido con subtonos amarelados que lembra a pel tenra dunha mazá nova á luz da mañá. Evoca unha sensación de renovación cálida e limpa, como o alento fresco dun xardín despois da chuvia.
- Que simboliza Brotes de Manzana Verde?
- novo comezo (xermolado, brote), saúde e hixiene, pureza feminina ou infantil, sustentabilidade accesible, optimismo sereno. En culturas occidentais este verde pálido asóciase coa saúde, os produtos orgánicos e a infancia. No leste asiático, tons menta-limón conéctanse coa natureza e o té (matcha), simbolizando frescura e refinamento. En contextos do Mediterráneo, verdes pálidos lembran a agricultura e a abundancia temperá.
- Onde se usa Brotes de Manzana Verde no deseño?
- Como fondo ou superficie ampla, calma a percepción visual e facilita a lectura de mensaxes sobre saúde e seguridade. En elementos activos (botóns, acentos) presta un sentido de accesibilidade e non amenaza ao usuario, reducindo fricción perceptiva.
- Que cores combinan ben con Brotes de Manzana Verde?
- colorCode.seoFaqPairingAnswer #C08CFF: Complementario directo (contrastante) — o violeta medio fai que o pálido #CCFBC0 destaque sen perder a serenidade; boa harmonía complementaria.. #E6FFB0: Análogo cálido—un amarelado-lima adxacente que intensifica a sensación primaveral sen choque cromático.. #B0E6FF: Split‑complementario/triádico suave — un azul ceo pálido que engade frescura e un punto de calma adicional na paleta..
- Como afecta ás emocións Brotes de Manzana Verde?
- Renovación suave con confianza amable Provoca unha resposta de tranquilidade e confianza moderada, ligada a ideas de frescura e coidado. colorCode.seoFaqMoodTraits
- Que industrias usan Brotes de Manzana Verde?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Cal é a historia de Brotes de Manzana Verde?
- A tonalidade pálida e menta como #CCFBC0 non aparece exactamente nos pigmentos históricos tradicionais, pero as súas raíces remontan ao uso de verdes diluídos en técnicas de encáustica e afresco: verdugís e verdes de cobre (verdigris) usáronse desde a antigüidade para obter verdes brillantes que, ao diluírse con brancos ou medios, producían variacións pálidas similares. No século XVIII e XIX a chegada de pigmentos sintéticos (Scheele e posteriormente cromo e viridian) permitiu un control maior da luminosidade, facendo posibles verdes máis limpos e pálidos para moda e decoración.
- Como usar Brotes de Manzana Verde no deseño?
- Mantén sempre un punto de contraste escuro (p.ex. gris 700–900) para tipografía e un acento cromático para anclar a composición.colorCode.seoFaqDesignDo
- É accesible Brotes de Manzana Verde?
- colorCode.seoFaqAccessibilityAnswer Cumpre WCAG AA para texto normal e grande.