<div class="page-header"> <h1>Kleuren <small>- WerkVanBart</small></h1> <h2><small>Namen - samenstelling - toepassing</small><h2> </div> <ul class="nav nav-pills"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation">[Kleurnamen & tinten](/kleurnamen-tinten "Alle kleuren en tinten - Nederlands")</li> <li role="presentation">[Color, Name & Hue](/color-name-hue "Color Name & Hue - english")</li> <li role="presentation">[Kleurnamen & RGB](/Kleurnamen)</li> <li role="presentation">[RAL-kleuren](/Ral-kleuren)</li> <li role="presentation">[Kleursystemen](/Kleursystemen)</li> <li role="presentation">[Extraspectale kleuren](/Extraspectrale-kleuren)</li> <li role="presentation">[Kleur-en Taal](/Kleur-en-taal)</li> <li role="presentation" class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> Tools <span class="caret"></span> </a> <ul class="dropdown-menu"> <li role="presentation"><a href="/kleur-naam-tint-tool/">Kleur Naam & Tint Tool</a></li> <li role="presentation"><a href="/color-name-hue-tool/">Color Name & Hue Tool</a></li> <li role="presentation"><a href="/colorpedia/">Colorpedia's kleurenpalet-tool</a></li> <li role="presentation"><a href="/halftone/index.html">Halftone</a></li> </ul> </li> </ul> <ul class="breadcrumb"> <li><a href="http://kleur.werkvanbart.nl/">Kleuren - home</a><span class="divider"> / </span></li> </ul> <!-- <ul class="breadcrumb"> <li><a href="http://wiskunst.werkvanbart.nl/">Wiskunst / home</a><span class="divider"> / </span></li> <li><a href="http://wiskunst.werkvanbart.nl/wiskunst-serie-zw">Serie ZW</a><span class="divider">, </span></li> <li>Serie 1<span class="divider">, </span></li> <li><a href="http://wiskunst.werkvanbart.nl/wiskunst-serie2">Serie 2</a></li> </ul> --> ### Inhoudsopgave deze pagina * [Over WerkVanBart](#hoofdstuk-1) * [Kleursystemen](#hoofdstuk-2) * [Kleurnamen](#hoofdstuk-3) * [Van RGB naar HSB/V en vv.](#hoofdstuk-4) * [RAL-kleuren](#hoofdstuk-5) ## Over Kleur en WerkVanBart <a id="hoofdstuk-1"></a> Voor het WerkVanBart maak ik - Bart Mulckhuijse - graag een veel gebruik van kleuren. Zowel bij het ontwerpen van websites als wanneer ik schilder. Ondanks jarenlange ervaring blijft het maken van een kleur een uitdaging. Zeker wanneer dat in overleg gaat: "Deze kleur is een beetje te turquoise-blauwig - kan het iets blauw-groeniger?". Schiet mij maar lek... Vandaar dat ik op zoek ben gegaan naar handige tools. Een aantal hulpmiddelen heb ik aangepast en vind je hier verzameld. Doe er je voordeel mee! ## Kleursystemen - RGB, HSL en HSB (HSV) <a id="hoofdstuk-2"></a> Wie het heeft over kleur op internet komt al gauw terecht bij RGB (Rood Groen Blauw - toevallig klopt het in 't Nederlands). Of bij HSL; geen trein, maar Hue, Saturation en Luminance (Lightness) oftewel Tint, Verzadiging en Helderheid. Om het eenvoudig te houden is Beide worden bepaald door een set van drie getallen. RGB meetstal in hexademiaal (bijvoorbeeld: #FA3dA1, of 250, 71, 17) en HSL over het algemeen in decimale getallen (350, 10%, 27% - graden en percentages). Met deze drie getallen - RGB of HSL - maak je alle kleuren op het internet. Lees meer over [kleursystemen](/kleursystemen "Kleursystemen") ## Kleurnamen - Nederlandse namen van kleuren <a id="hoofdstuk-3"></a> Drie getallen voor iedere kleur; dat is efficiƫnt, maar zo praten mensen niet over kleuren. Overal kom je namen tegen van kleuren: rood, geel, beige, ecru, taupe en mauve. De eerste twee kent iedereen wel, maar dan...? ### Dit hulpmiddel vertelt je de RGB code bij iedere Nederlandse kleurnaam Dit hulpmiddel bevat de meest uitgebreide lijst van Nederlandse kleurnamen (die ik ken, en ik heb goed gezocht!). Maar het blijft WIP - Work In Progress. Lees meer over de laatste vorderingen op het gebied van [Nederlandse kleurnamen](/kleurnamen "Nederlandse namen van kleuren"). <iframe src="http://kleur.werkvanbart.nl/kleurnamen-nl-tool/" width="870px" height="300px" class="aligncenter" frameborder="0" scrolling="no"></iframe> ## Van RGB naar HSB (HSL of HSV en vice versa) <a id="hoofdstuk-4"></a> Beide systemen hebben zo hun voor- en nadelen. HSL en HSB sluiten meer aan op de kleurbeleving van mensen, terwijl RGB voor (computer)schermen en beeldverwerking heel logisch is. Het komt dus geregeld voor dat je van het een naar het ander of vise versa gaat.... En laat daar nou een handig hulpmiddeltje voor zijn! ### Dit hulpmiddel vertaalt RGB naar HSB (of HSV), zoekt de bijpassende kleurnaam en hoofdtint Had ik al verteld dat dit hulpmiddel de meest uitgebreide lijst met Nederlandse namen van kleuren bevat? Veel kleurnamen zijn vertaald uit het Engels; sommige daarvan komen in Nederland niet of nauwelijks voor in het spraakgebruik. Inmiddels is het bestand meer dan 850 kleuren groot. Toch kan het zijn dat er nog een kleur ontbreekt. Wanneer je nog iets mist: [stuur me](http://werkvanbart.nl/#contact) de naam van de ontbrekende kleur (liefst inclusief de RGB-code en met bronvermelding). <iframe src="http://kleur.werkvanbart.nl/kleur-naam-tint-tool/" width="720px" height="520px" class="aligncenter" frameborder="0" scrolling="no"></iframe> Ik ben best handig, en ik heb deze tool gemaakt op basis van het werk van de veel handigere jongen Daniel Flueck (http://www.color-blindness.com/color-name-hue/), die het weer heeft van de nog handigere jongen Chirag Mehta (http://chir.ag/projects/name-that-color/#6195ED). Thanks guys! ## RAL-kleuren <a id="hoofdstuk-5"></a> De kleurenindustrie houdt van standaardiseren. Zij hebben een set van wereldwijd gestandaardiseerde kleuren vastgesteld. Zo kan iedereen ter wereld zijn huis in dezelfde kleuren schilderen :-). Als je nou een kleur in gedachten hebt, hoe vind je de meest lijkende RAL-kleur? Gebruik daarvoor dit hulpmiddel, maar pas op - het lijkt niet altijd heel goed! De set RAL-kleuren is beperkt. Een blik RAL-verf is dan weer wel veel goedkoper dan een op maat gemengde kleur, dat wel... ### Dit hulpmiddel vertelt je de best gelijkende RAL-kleur <iframe src="http://kleur.werkvanbart.nl/ral-kleuren-tool/" width="870px" height="300px" class="aligncenter" frameborder="0" scrolling="no"></iframe> Meer weten over RAL-kleuren - kijk ook op de [RAL-kleuren pagina](/ral-kleuren "RAL-kleuren"). --- [Markdown Cheatsheet](//test.werkvanbart.nl/markdown "Markdown hulpmiddel - "cheatsheet")