Kleurconversie
#5b9b9b
Variaties
Het doel van deze sectie is om nauwkeurig tinten (puur wit toegevoegd) en schaduwen (puur zwart toegevoegd) van jouw geselecteerde kleur in stappen van 10% te produceren.
Pro Tip: Gebruik schaduwen voor hover-states en schaduwen, tinten voor highlights en achtergronden.
Schaduwen
Donkere variaties gecreëerd door zwart toe te voegen aan jouw basiskleur.
Tinten
Lichtere variaties gecreëerd door wit toe te voegen aan jouw basiskleur.
Veelvoorkomende gebruikssituaties
- • UI-componentstaten (hover, actief, uitgeschakeld)
- • Diepte creëren met schaduwen en highlights
- • Consistente kleursystemen bouwen
Design System Tip
Deze variaties vormen de basis van een samenhangend kleurenpalet. Exporteer ze om consistentie in je hele project te behouden.
Kleurencombinaties
Elke harmonie heeft zijn eigen sfeer. Gebruik harmonieën om kleurcombinaties te bedenken die goed bij elkaar passen.
Hoe te gebruiken
Klik op een kleur om de hex-waarde te kopiëren. Deze combinaties zijn wiskundig bewezen visuele harmonie te creëren.
Waarom het belangrijk is
Kleurenharmonieën creëren balans en roepen specifieke emoties op in je ontwerpen.
Complement
Een kleur en zijn tegenovergestelde op de kleurencirkel, +180 graden van tint. Hoog contrast.
Gesplitst complementair
Een kleur en twee aangrenzende aan zijn complement, +/-30 graden van tint van de waarde tegenover de hoofdkleur. Gedurfd als een recht complement, maar veelzijdiger.
Triadisch
Drie kleuren gelijkmatig verdeeld over de kleurencirkel, elk 120 graden van tint uit elkaar. Beste om één kleur te laten domineren en de anderen als accenten te gebruiken.
Analoog
Drie kleuren met dezelfde luminantie en verzadiging met tinten die naast elkaar liggen op de kleurencirkel, 30 graden uit elkaar. Vloeiende overgangen.
Monochromatisch
Drie kleuren van dezelfde tint met luminantiewaarden +/-50%. Subtiel en verfijnd.
Tetradisch
Twee sets van complementaire kleuren, gescheiden door 60 graden van tint.
Kleurenleer principes
Balans
Gebruik één dominante kleur, ondersteun met secundaire, en accentueer spaarzaam.
Contrast
Zorg voor voldoende contrast voor leesbaarheid en toegankelijkheid.
Harmonie
Kleuren moeten samenwerken om een geïntegreerde visuele ervaring te creëren.
Kleurcontrastcontrole
Test kleurcombinaties om te zorgen dat ze voldoen aan de WCAG-toegankelijkheidsnormen voor tekstleesbaarheid.
Tekstkleur
Achtergrondkleur
Contrast
WCAG-normen
Geavanceerde contrastchecker
Fijn afstemmen met schuifregelaars, meerdere previews & meer
Iedereen is een genie. Maar als je een vis beoordeelt op zijn vermogen om in een boom te klimmen, zal hij zijn hele leven geloven dat hij dom is.
Technische formaten
Praktische formaten
Kleuranalyse
Kleurenblindheid Simulator
Creatieve aspecten
Veelgestelde vragen
- Welke kleur is #5B9B9B?
- #5B9B9B is Kustmuze Teal – Een gedempte, balanszoekende teal met gelijke blauwgroen- en grijsondertonen die koel maar niet kil aanvoelt. Het roept een gevoel op van zachte helderheid en betrouwbare kalmte, alsof je rustig naar stille zeeën kijkt.
- Wat symboliseert Kustmuze Teal?
- balans tussen mens en natuur, vernieuwende stabiliteit, gezonde frisheid, tijdloze verfijning, pragmatische rust. In westerse contexten associeert men deze teal vaak met natuur, gezondheid en technische betrouwbaarheid. In Oost-Aziatische keramiektradities past een vergelijkbare blauwgroene toon bij celadonglazuren en staat hij voor verfijning en ouderdomswaarde. In Mediterrane culturen doet hij denken aan gepatineerd koper en de zee, met associaties van behoud en geschiedenis.
- Waar wordt Kustmuze Teal gebruikt in design?
- In een ruimte werkt deze kleur stabiliserend: hij verlaagt visuele spanning en nodigt uit tot reflectie zonder inactiviteit te veroorzaken. In design geeft hij een gevoel van duurzame kwaliteit en zorgvuldige nuance, geschikt om vertrouwen te wekken zonder autoritair te lijken.
- Welke kleuren passen goed bij Kustmuze Teal?
- colorCode.seoFaqPairingAnswer #9B5B5B: Complementair — warm gebrand terracotta tegenover de gedempte teal creëert visuele spanning en leesbaarheid zonder fel contrast (complementary harmony).. #5B7B9B: Analogous — een blauwere tint die natuurlijk vloeit met de teal en diepte toevoegt zonder kleurclash (analogous harmony).. #9B7B5B: Split-complementary/warm accent — een zachtere goudbruine toon die warmte en tactiliteit brengt, ideaal voor knoppen en randen..
- Hoe beïnvloedt Kustmuze Teal de stemming?
- Gedempte rust met subtiele moderniteit Eerst komt een rustige geruststelling, gevolgd door een lichte opwinding van vernieuwende frisheid. colorCode.seoFaqMoodTraits
- Welke sectoren gebruiken Kustmuze Teal?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Wat is de geschiedenis van Kustmuze Teal?
- Blauwgroene tinten met een vergelijkbare verschijning bestonden al in antieke keramiek en metaaloxidatie: kopergroen en celadonglazuren gaven kleinschalige, groene-blauwe tonen aan vazen en tegels vanaf de Tang- en Song-dynastieën in China, en verdigris op koperobjecten in Europa produceerde vergelijkbare koude patinalagen.
- Hoe gebruik je Kustmuze Teal in design?
- Houd balans tussen koel en warm: geef deze teal een warme tegenhanger of warme neutrale om helderheid zonder kilte te behouden.colorCode.seoFaqDesignDo
- Is Kustmuze Teal toegankelijk?
- colorCode.seoFaqAccessibilityAnswerVoldoet aan WCAG AA voor normale en grote tekst.