Kleurconversie
#ed4b25
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 #ED4B25?
- #ED4B25 is Mandarijnvuur – Een helder, intens oranje-rood dat balanceert tussen sappig mandarijn en vurige koraaltonen. Het wekt directe energie en verleiding op: uitnodigend, prikkelend en onmiskenbaar aanwezig.
- Wat symboliseert Mandarijnvuur?
- energie en actie, appetijt en warmte, passie en verleiding, waarschuwing en urgentie, jeugdigheid en durf. In westerse context wordt deze tint vooral geassocieerd met energie, eten en promotie; in China en veel Aziatische culturen valt hij tussen traditioneel geluk (rood) en modern commercieel oranje en kan hij feestelijkheid uitstralen; in India en Zuid-Azië sluit hij aan bij saffraangele/oranje tradities die spiritualiteit en zuivering suggereren.
- Waar wordt Mandarijnvuur gebruikt in design?
- In een ruimte of interface trekt #ED4B25 direct de blik naar zich toe en verhoogt alertheid en urgentie; het stimuleert eetlust en beslissingen. Het kan ruimtes opwarmen en producten meer 'aanraakbaar' en uitnodigend doen lijken, maar vereist contrast voor leesbaarheid.
- Welke kleuren passen goed bij Mandarijnvuur?
- colorCode.seoFaqPairingAnswer #1AA3C1: Complementair contrast: koel cyaan tegenover het warme oranje-rood creëert directe visuele spanning en balans (complementary harmony).. #FF8A57: Analoge versterking: zachtere perzik-koraal tint voor subtiele gloed en gradaties zonder te veel contrast (analogous harmony).. #4B1AED: Triadische energie: levendig paars-achtig blauw biedt krachtige kleurdriehoek en moderne dynamiek (triadic harmony)..
- Hoe beïnvloedt Mandarijnvuur de stemming?
- Vurige energie met uitnodigende warmhartigheid Opwinding en onmiddellijke aandrang om te handelen of te proeven. colorCode.seoFaqMoodTraits
- Welke sectoren gebruiken Mandarijnvuur?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Wat is de geschiedenis van Mandarijnvuur?
- Deze specifieke oranje-rode nuance heeft wortels in eeuwenoude pigmenten zoals kermes en madder (alizarine) in Europa en cinnaber (vermilion) in Azië, die kunstenaars en ambachtslieden gebruikten om heldere rode en oranje tonen te bereiken. De introductie van synthetische alizarin in de 19e eeuw en later organische pigrnentverbeteringen maakte vergelijkbare levendige oranje-rode tinten betrouwbaarder en betaalbaarder.
- Hoe gebruik je Mandarijnvuur in design?
- Gebruik contrast en hiërarchie: deze kleur werkt het beste als opvallend accent binnen een voornamelijk neutraal of koel kleurenpalet.colorCode.seoFaqDesignDo
- Is Mandarijnvuur toegankelijk?
- colorCode.seoFaqAccessibilityAnswerVoldoet aan WCAG AA voor normale en grote tekst.