Inzichten in #336B80 kleurcode
Alle conversies, harmonieën en toegankelijkheidscontroles die u nodig hebt om met vertrouwen te ontwerpen.
Kleurconversie
Genereer waarden voor meerdere kleurmodellen op één plek.
#336B80
≈≈ Staalblauw
Referentiekleurkaarten
Lagere ΔE betekent een nauwere visuele match
Tinten & schakeringen
Ontdek hoe #336B80 zich gedraagt wanneer u deze mengt met wit of zwart. Deze stalen zijn perfect voor hover-statussen, schaduwen en achtergronden.
Beweeg de muis om elke hex-waarde te kopiëren en deze opnieuw te gebruiken in uw interface.
Schakeringen
0–100%Tinten
0–100%Veelvoorkomende gebruiksscenario's
- UI-componentstatussen (hover, actief, uitgeschakeld)
- Diepte creëren met schaduwen en highlights
- Consistente kleursystemen bouwen
Ontwerpsysteem
Tip voor ontwerpsysteem
Deze variaties vormen de basis van een samenhangend palet. Exporteer ze om marketing, product en engineering op één lijn te houden.
Kleurharmonieën
Creëer direct gebalanceerde paletten met harmonieën gegenereerd uit #336B80.
Klik op een staal om de detailpagina te openen en verder te verkennen.
Hoe te gebruiken
Kies één dominante kleur en laat ondersteunende tinten fungeren als accenten voor typografie, oppervlakken en call-to-action knoppen.
Waarom het belangrijk is
Gebalanceerde harmonieën communiceren intentie—kalm, energiek, premium—zonder uw lay-out te overweldigen.
Complementair
Tegengestelde tinten die impact en een gedurfd contrast creëren.
Het meest geschikt voor
CTAs met hoge impact, logo's en hero-secties
Analoog
Naburige tinten voor natuurlijke, vloeiende verlopen.
Het meest geschikt voor
Op de natuur geïnspireerde, kalmerende dashboards
Triadisch
Drie gelijkmatig verdeelde tinten voor een speelse balans.
Het meest geschikt voor
Speelse branding en redactionele lay-outs
Tetradisch
Twee complementaire paren die zorgen voor rijke variatie.
Het meest geschikt voor
Illustraties en marketingexperimenten
Toegankelijkheidscontrast
Controleer hoe leesbaar #336B80 is met veelvoorkomende tekstkleuren, zodat elke bezoeker geniet van een duidelijke ervaring.
Gebruik AA als basislijn voor hoofdtekst en AAA voor premium toegankelijkheid.
Technische formaten
Ontgrendel professionele kleurruimtes zoals XYZ, LAB, CMYK-varianten en exportklare profielen.
Praktische formaten
Krijg printsimulaties, LED-toewijzingen en ontwikkelaarsklare byte-orders.
Kleuranalyse
Duik in spectrale gegevens, dominantierapporten en geavanceerde analyses.
Blindheidssimulator
Bekijk hoe #336B80 eruitziet bij veelvoorkomende kleurzichtafwijkingen.
Creatieve aspecten
Verken seizoensgebonden associaties, emotionele signalen en natuurlijke verschijnselen.
Ontwerprichtlijnen
Balans
Behandel #336B80 als een highlight. Combineer het met neutrale kleuren en één ondersteunende tint om visuele overbelasting te voorkomen.
Contrast
Test combinaties met echte inhoud. Hoger contrast verbetert scannen, leesbaarheid en conversies.
Harmonie
Gebruik lichtere tinten voor oppervlakken, de basiskleur voor primaire elementen en donkerdere schakeringen voor hover- of ingedrukte statussen.
Nog een kleur nodig?
Ga terug naar de kleurkiezer om afbeeldingen te uploaden, paletten te genereren en nieuwe kleurrelaties te verkennen.
Open kleurkiezer