Naar de kleurkiezer

Fuchsia: kleurcode #ff00ff

Fuchsia is #ff00ff, rgb(255, 0, 255) in RGB en oklch(70.167% 0.32249 328.363) in OKLCH. Alle andere formaten, tinten, passende kleuren en paletten staan hieronder.

Gelezen als HEX

300°
100%

70,2%
0,322
328°
  • Magenta
  • Licht
  • Fel
  • Neon
  • Neutraal
  • fuchsia-500
  • Zwart 0%

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst
3.14:1Slecht leesbaar
Lc -61
Zwarte tekst
6.70:1Goed leesbaar · AA
Lc 48

Tinten

Van licht naar donker. Klik op een tint om hem te gebruiken.

Harmonieën

Recent

Kleuren die je kiest of kopieert, verschijnen hier. Ze blijven op dit apparaat.

Ook bekend als: Fuchsiaroze

Paletten met Fuchsia

Vergelijkbare benoemde kleuren

Vragen over Fuchsia

Wat is de HEX-code van Fuchsia?

De HEX-code van Fuchsia is #ff00ff. In RGB is het rgb(255, 0, 255), in HSL hsl(300, 100%, 50%) en in OKLCH oklch(70.167% 0.32249 328.363).

Welke kleuren passen bij Fuchsia?

De complementaire kleur is #00c33b. Voor een rustiger geheel combineer je hem met de analoge kleuren #b27aff en #ff469d. Kant-en-klare paletten met Fuchsia staan op deze pagina.

Is Fuchsia een warme of koele kleur?

De kleur Fuchsia is neutraal, met een kleurtoon van 328 graden in OKLCH.

Welke tekstkleur is goed leesbaar op Fuchsia?

Zwarte tekst leest beter op Fuchsia: wit geeft een contrastverhouding van 3.14:1 en zwart 6.7:1. WCAG AA vraagt minstens 4,5:1 voor lopende tekst.

Over #ff00ff

#ff00ff is neon lichtmagenta. In OKLCH heeft deze kleur een lichtheid van 70,2%, een chroma van 0.322 en een kleurtoon van 328°.

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst haalt hierop een contrast van 3.14:1 en zwarte tekst 6.7:1, dus zwarte tekst leest beter.

De dichtstbijzijnde benoemde kleur is Magenta (#ff00ff). In Tailwind CSS komt fuchsia-500 het dichtst in de buurt.

Meer lichte magenta kleuren

Lichter: #ff00ff gemengd met wit

  1. ff00ff

Donkerder: #ff00ff gemengd met zwart

  1. ff00ff
  2. 800080

Rustiger: #ff00ff met minder verzadiging

  1. ff00ff

Vergelijkbare benoemde kleuren

Kleuren die passen bij #ff00ff

Complementair
#ff00ff
Analoog
#ff00ff
Triadisch
#ff00ff
Gesplitst
#ff00ff