{"id":1168,"date":"2012-07-31T00:17:06","date_gmt":"2012-07-31T00:17:06","guid":{"rendered":"http:\/\/zantarasvision.nl\/?page_id=1168"},"modified":"2018-11-09T12:23:23","modified_gmt":"2018-11-09T12:23:23","slug":"kleurcodes","status":"publish","type":"page","link":"https:\/\/zantarasvision.nl\/welkom\/kleurcodes\/","title":{"rendered":"Kleurcodes"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>KLEURENCODES<\/strong><\/p>\n\n\n\n<p class=\"has-text-color has-vivid-cyan-blue-color wp-block-paragraph\">Bijgewerkt: 09.11.2018<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In lessen kom je vaak codes tegen zoals<strong> #000000 (nullen)<\/strong> of <strong>#CCFF66<\/strong>.<br \/>Dit zijn internationaal gebruikte codes en elke code is een kleur of kleurschakering.<br \/>Die codes worden <strong>HEX Code<\/strong> genoemd. Dat is een verkorting voor Hexadecimale Codes. Ze zijn ook bekend als <strong>HTML-codes<\/strong>.<br \/>Het is een combinatie van cijfers en letters, of alleen cijfers of alleen letters.<br \/>De codes worden vooral ook gebruikt bij het maken van websites, maar ook bij programma&#8217;s zoals PSP en andere foto-editors<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hieronder een overzicht van de meest gebruikte hex codes<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/zantarasvision.nl\/wp-content\/uploads\/2012\/04\/hexcode1.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/zantarasvision.nl\/wp-content\/uploads\/2012\/04\/hexcode2.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Naast de Hex nummers &#8211; altijd herkenbaar aan het # voor het nummer, heb je ook de zogenaamde RBG-codes en gewoon namen voor kleuren. Die zijn ook in Nederlandstalige programma&#8217;s wel in het Engels.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Een prima bron om alle kleuren en kleurschakeringen met Hex-codes, RGB-codes en kleurnamen te zien is: <a href=\"https:\/\/en.wikipedia.org\/wiki\/Web_colors\">Web colors <\/a>op Wikipedia<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"http:\/\/zantarasvision.nl\/wp-content\/uploads\/2014\/12\/image2.png\" alt=\"image.png\" class=\"wp-image-5085\" width=\"110\" height=\"79\" srcset=\"https:\/\/zantarasvision.nl\/welkom\/wp-content\/uploads\/2014\/12\/image2.png 194w, https:\/\/zantarasvision.nl\/welkom\/wp-content\/uploads\/2014\/12\/image2-100x72.png 100w, https:\/\/zantarasvision.nl\/welkom\/wp-content\/uploads\/2014\/12\/image2-150x108.png 150w\" sizes=\"(max-width: 110px) 100vw, 110px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Kleurenkiezers in je webbrowser<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Elke webbrowser heeft wel een add-on of tool om een kleur op een webpagina te kiezen, de code te kopi\u00ebren en in PSP te plakken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Internet Explorer<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In <strong>Internet Explorer<\/strong> zit een kleurenkiezer ingebouwd.<br \/>Ga naar <strong>Instellingen<\/strong> &#8211; Ontwikkelaarsgereedschap&nbsp;&#8211;&nbsp;DOM-verkenner &gt; Kleurenkiezer<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Firefox en Chrome<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gebruik je <strong>Firefox<\/strong> of <strong>Google Chrome<\/strong> als browser? Dan kun je een hele handige add-on downloaden: <strong><a href=\"http:\/\/colorzilla.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">ColorZilla<br \/><\/a><\/strong>De add-on kun je, na installatie bij EXTRA in de werkbalk van de browser terugvinden.<br \/>Door op het pipetje te klikken kun je elke kleur op je computerscherm kiezen.<br \/>Kopieer de Hex code (onderaan) en plak die in het vakje van je materialenpalet waar je de hex code anders invult.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Opera<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voor Opera bestaat er ook een add-on:&nbsp;<a href=\"https:\/\/addons.opera.com\/nl\/extensions\/details\/color-picker-2\/?display=en\" target=\"_blank\" rel=\"noreferrer noopener\">Color-Picker<\/a><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"194\" height=\"140\" src=\"http:\/\/zantarasvision.nl\/wp-content\/uploads\/2014\/12\/image2.png\" alt=\"image.png\" class=\"wp-image-5085\" srcset=\"https:\/\/zantarasvision.nl\/welkom\/wp-content\/uploads\/2014\/12\/image2.png 194w, https:\/\/zantarasvision.nl\/welkom\/wp-content\/uploads\/2014\/12\/image2-100x72.png 100w, https:\/\/zantarasvision.nl\/welkom\/wp-content\/uploads\/2014\/12\/image2-150x108.png 150w\" sizes=\"(max-width: 194px) 100vw, 194px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Kleurtoon en Verzadiging<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In PSP X7 werkt het gereedschap Kleurtoon en Verzadiging anders dan in voorgaande versies.<br \/>In oudere versies kon je Kleurtoon en Verzadiging instellen via<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Aanpassen &gt; Kleurtoon en Verzadiging &gt; Inkleuren<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Die functie bestaat ook in X7, maar de ingegeven waarden geven een heel andere kleur dan in de voorgaande versies.<br \/>De HSL-functie in het nieuwe materialenpalet werkt heel anders en geeft ook heel andere kleurschakeringen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De enige manier om het op de &#8220;oude&#8221; manier te doen, is via een omslachtige omweg.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Ga naar deze website :&nbsp;<a href=\"http:\/\/hslpicker.com\" target=\"_blank\" rel=\"noreferrer noopener\">HSL Color Picker<\/a>&nbsp;(<strong>H<\/strong>=Hue=Kleurtoon &#8211; <strong>S<\/strong>=Saturation=Verzadiging &#8211; <strong>L<\/strong>=Lightness=Helderheid)<\/li><li>Voer de waarden in die je voor het oude inkleuren zou gebruiken of die in een les worden opgegeven<br \/><\/li><li>Kopieer de kleurcode<\/li><li>Ga naar je materialenpalet in PSP en zet je voorgrondkleur op die code<\/li><li>Gereedschap Naar doel overgaan<br \/><\/li><li>Ga met het penseel over je tube of afbeelding totdat deze de kleurtoon en verzadiging van jouw keuze heeft<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Dit is een heel omslachtige methode, maar ik heb nog steeds geen betere oplossing kunnen vinden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Een heel handige manier om exact de juiste kleurschakering te vinden is via <a href=\"https:\/\/www.w3schools.com\/colors\/colors_picker.asp\" target=\"_blank\" rel=\"noreferrer noopener\">HTML Color Picker<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>KLEURENCODES Bijgewerkt: 09.11.2018 In lessen kom je vaak codes tegen zoals #000000 (nullen) of #CCFF66.Dit zijn internationaal gebruikte codes en elke code is een kleur of kleurschakering.Die codes worden HEX Code genoemd. Dat is een verkorting voor Hexadecimale Codes. Ze &hellip; <a href=\"https:\/\/zantarasvision.nl\/welkom\/kleurcodes\/\">Vervolgd<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"open","ping_status":"open","template":"","meta":{"kt_blocks_editor_width":"","footnotes":""},"class_list":["post-1168","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zantarasvision.nl\/welkom\/wp-json\/wp\/v2\/pages\/1168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zantarasvision.nl\/welkom\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zantarasvision.nl\/welkom\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zantarasvision.nl\/welkom\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zantarasvision.nl\/welkom\/wp-json\/wp\/v2\/comments?post=1168"}],"version-history":[{"count":0,"href":"https:\/\/zantarasvision.nl\/welkom\/wp-json\/wp\/v2\/pages\/1168\/revisions"}],"wp:attachment":[{"href":"https:\/\/zantarasvision.nl\/welkom\/wp-json\/wp\/v2\/media?parent=1168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}