Webveilig kleurenpalet

Alle tools

Blader door de klassieke 216 webveilige kleuren als een klikbaar staalrooster — sorteer op kleurtoon of kubusvolgorde, filter op hex en kopieer direct elke HEX- of rgb()-waarde.

De 216 webveilige kleuren zijn elke combinatie van de niveaus 00, 33, 66, 99, CC en FF op elk RGB-kanaal. Alles draait in je browser — geen uploads, geen registratie, volledig gratis.

Over Webveilig kleurenpalet

Het web-safe kleurenpalet is de klassieke set van 216 kleuren opgebouwd uit de zes RGB-kanaalniveaus 00, 33, 66, 99, CC en FF: de 6×6×6-kleurkubus die vroege schermen konden weergeven zonder dithering. Deze tool legt alle 216 stalen neer in één klikbaar raster zodat je in seconden kunt scannen, vergelijken en elke waarde kunt pakken.

Je kunt het palet bekijken in zijn oorspronkelijke kubusvolgorde of het opnieuw sorteren op tint, wat grijzen eerst groepeert en daarna door het spectrum loopt. Een hex-filtervak vernauwt het raster terwijl je typt, zodat het invoeren van 33CC direct naar de stalen springt die met die cijfers beginnen.

Klikken op een staaltje kopieert direct de HEX-code en opent een detailpaneel met de bijbehorende rgb()-waarde en de dichtstbijzijnde benoemde CSS-kleur, elk met zijn eigen kopieerknop. Alles wordt in je browser berekend, wat het een snelle referentie maakt voor retropaletten, e-mailveilige kleuren en beperkte designsystemen.

Hoe gebruik je Webveilig kleurenpalet

  1. Open de tool om alle 216 web-safe kleuren te zien als een stalenraster, standaard gesorteerd op kubusvolgorde.
  2. Wissel de sorteervolgorde naar "Op tint" als je liever eerst grijzen bekijkt en daarna kleuren gegroepeerd langs het spectrum.
  3. Typ in het hex-filtervak (bijvoorbeeld 33CC99) om het raster te vernauwen tot stalen waarvan de HEX-code met die tekens begint.
  4. Klik op een willekeurig staaltje: de HEX-waarde wordt direct naar je klembord gekopieerd en er opent een detailpaneel onder het raster.
  5. Gebruik de kopieerknoppen in het detailpaneel om de HEX-code, de rgb()-waarde of de dichtstbijzijnde benoemde CSS-kleur te pakken.

Veelgestelde vragen

Het zijn de 216 kleuren gevormd door de waarden 00, 33, 66, 99, CC en FF te combineren op de rode, groene en blauwe kanalen. Deze 6×6×6-kubus was het palet dat 8-bits schermen consistent konden tonen zonder dithering.

Moderne schermen tonen miljoenen kleuren, dus de beperking is historisch. Het palet is nog steeds handig als een compacte, gelijkmatig verdeelde kleurenset voor retro-ontwerpen, pixelart, snelle prototypes en beperkte merk- of e-mailpaletten.

Elk geselecteerd staaltje biedt drie kopieerbare waarden: de HEX-code (zoals #33CC99), de bijbehorende rgb()-notatie, en de dichtstbijzijnde benoemde CSS-kleur berekend op RGB-afstand. Klikken op een staaltje in het raster kopieert ook direct de HEX-code.

De tool vergelijkt het geselecteerde staaltje met een ingebouwde lijst met standaard CSS-kleurnamen en geeft de dichtstbijzijnde match terug op RGB-afstand. Wanneer de match niet exact is, wordt deze gemarkeerd als benaderend met een ≈-teken.

Ja. Het volledige raster van 216 kleuren, de tintsortering, het hex-filter en elke kopieeractie zijn gratis, zonder registratie vereist. Het palet wordt volledig in je browser gegenereerd en gesorteerd zonder serveraanvragen.
Delen
Gerelateerde tools
Kleurenpalet-generator Bouw harmonieuze kleurenpaletten met een interactief kleurenwiel — pas harmonieregels toe zoals analoog, complementair of driehoek, en kopieer elke waarde direct. Gratis
Kleurenmenger Meng een beginkleur naar een eindkleur in maximaal 10 stappen — bekijk het verloop, pak elke tint en kopieer elk formaat direct. Gratis
Kleurschaduw-generator Genereer een volledig spectrum van tinten en schaduwen vanuit één kleur — kies je verduister-/verlicht-stap en het aantal schaduwen, kopieer dan elke waarde direct. Gratis
Afbeeldingskleur-extractor Haal een verfijnd, kopieerklaar kleurenpalet uit elke afbeelding. Gratis
Lettertype-combinaties & Google Fonts-directory Blader door een samengestelde directory van populaire Google Fonts met live voorvertoningen, filter op categorie en zoek op naam, kopieer dan kant-en-klare CSS en verken voorgestelde lettertypecombinaties — allemaal in je browser. Gratis
Verloopgenerator Bouw lineaire, radiale en conische CSS-verlopen van nul af met versleepbare multi-stop bediening en samengestelde presets. Kopieer direct klaar-voor-gebruik CSS. Gratis
Hulp nodig?
Een probleem met deze tool gevonden? Laat het ons weten.
Een probleem melden

Voeg deze gratis tool toe aan je eigen website — kopieer en plak de onderstaande code.