Conversió de Color
#173861
Variacions
L'objectiu d'aquesta secció és produir amb precisió tons (blanc pur afegit) i ombres (negre pur afegit) del teu color seleccionat en increments del 10%.
Consell Pro: Utilitza ombres per a estats de pas del ratolí i ombres, tons per a ressaltats i fons.
Ombres
Variacions més fosques creades afegint negre al teu color base.
Tons
Variacions més clares creades afegint blanc al teu color base.
Usos Comuns
- • Estats de components UI (pas del ratolí, actiu, desactivat)
- • Crear profunditat amb ombres i ressaltats
- • Construir sistemes de color consistents
Consell de Sistema de Disseny
Aquestes variacions formen la base d'una paleta de colors cohesionada. Exporta-les per mantenir la consistència a tot el teu projecte.
Combinacions de colors
Cada harmonia té el seu propi estat d'ànim. Utilitza harmonies per generar idees de combinacions de colors que funcionin bé juntes.
Com utilitzar
Fes clic a qualsevol color per copiar el seu valor hex. Aquestes combinacions estan matemàticament provades per crear harmonia visual.
Per què és important
Les harmonies de colors creen equilibri i evoquen emocions específiques en els teus dissenys.
Complement
Un color i el seu oposat a la roda de colors, +180 graus de to. Alt contrast.
Complementari dividit
Un color i dos adjacents al seu complement, +/-30 graus de to des del valor oposat al color principal. Audaç com un complement directe, però més versàtil.
Triàdic
Tres colors espaiats uniformement al llarg de la roda de colors, cadascun a 120 graus de to. És millor permetre que un color domini i utilitzar els altres com a accents.
Anàleg
Tres colors de la mateixa luminància i saturació amb tons adjacents a la roda de colors, a 30 graus de distància. Transicions suaus.
Monocromàtic
Tres colors del mateix to amb valors de luminància +/-50%. Subtil i refinat.
Tetràdic
Dos conjunts de colors complementaris, separats per 60 graus de to.
Principis de la teoria del color
Equilibri
Utilitza un color dominant, recolza amb secundaris i accentua amb moderació.
Contrast
Assegura un contrast suficient per a la llegibilitat i l'accessibilitat.
Harmonia
Els colors han de treballar junts per crear una experiència visual unificada.
Verificador de contrast de color
Prova combinacions de colors per assegurar-te que compleixen els estàndards d'accessibilitat WCAG per a la llegibilitat del text.
Color del text
Color de fons
Contrast
Estàndards WCAG
Verificador de contrast avançat
Ajusta amb precisió amb lliscadors, múltiples previsualitzacions i més
Tothom és un geni. Però si jutges un peix per la seva capacitat d'enfilar-se a un arbre, viurà tota la seva vida creient que és estúpid.
Formats Tècnics
Formats pràctics
Anàlisi de color
Simulador de daltonisme
Aspectes creatius
Preguntes freqüents
- Quin color és #173861?
- #173861 és Capvespre del Far – Un blau marí intens i fosc amb una punta de fredor metàl·lica que recorda el mar a la nit quan el far encara guia. Evoca seguretat continguda i una elegància reservada, com una conversa seriosa en una sala ben il·luminada pel foc del far.
- Què simbolitza Capvespre del Far?
- autoritat moderada, seguretat tecnològica, profunditat intel·lectual, tradició modernitzada, serenor marítima. Als països occidentals, el blau fosc acostuma a simbolitzar confiança empresarial i professionalitat; a la Xina, els blaus poden associar-se amb estabilitat i, en certs contextos, amb la joventut i tecnologia; en cultures marítimes mediterrànies, aquest to recorda la nit al port i té connotacions de navegació i protecció. En resum, aquest blau es llegeix com seriós i fiable en la majoria de cultures, tot i que matisos locals poden donar-li lectures més poètiques o tradicionals.
- On s'utilitza Capvespre del Far en el disseny?
- En un espai o disseny, aquest blau disminueix l'agitació visual i concentra l'atenció en el contingut clau; també aporta sensació d'estabilitat i gravetat sense resultar opressiu si es combina amb tocs càlids. En interfícies, millora la percepció de credibilitat i facilita la lectura en contrast amb tons clars.
- Quins colors combinen bé amb Capvespre del Far?
- colorCode.seoFaqPairingAnswer #D9902C: Complementari càlid (contraste de complementari) — el taronja daurat crea crides a l'acció visibles i elegantment càlides sobre el blau fosc.. #0F506A: Anàleg fresc — un blau-verd més fosc reforça la profunditat marina i funciona per a elements secundaris i icones (harmonia anàloga). . #AFC6E6: Triada suau/contrapunt — un blau clar i desaturat aporta contrast tènue per a fons i targetes, mantenint coherència tonal i llegibilitat..
- Com afecta l'estat d'ànim el color Capvespre del Far?
- Confiança reservada amb elegància sòbria Proporciona una sensació de confiança i seguretat amb una punta de misteri refinat. colorCode.seoFaqMoodTraits
- Quines indústries utilitzen el color Capvespre del Far?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Quina és la història del color Capvespre del Far?
- Els blaus foscos han estat utilitzats des de temps antics amb índigo natural i pigments minerals, però la tonalitat exacta i estable que recorda #173861 es va fer més accessible a partir del descobriment del blau de Prússia (principis del segle XVIII) i, posteriorment, amb pigments sintètics que permetien tons més profunds i freds. Artesans navals i fabricants d'uniformes van popularitzar aquests blaus perquè eren resistents i es veien dignes en condicions d'ús intens.
- Com utilitzar Capvespre del Far en el disseny?
- Mantenir un equilibri entre profunditat i calidesa: aquest blau ha de ser el marc, no l'única veu.colorCode.seoFaqDesignDo
- És accessible el color Capvespre del Far?
- colorCode.seoFaqAccessibilityAnswer Compleix WCAG AA per a text normal i gran.