Kleuren in je webdesign

A color cheat sheet of pagetutorAls je zelf een website aan het bouwen bent en je moet daarbij ook het design doen dan zijn kleuren cheat-sheets erg handig. Zo weet je welke kleuren websafe zijn. Hierdoor kom je niet voor verrassingen te staan. Op deze cheat-sheets staan de kleuren met hun hex nummer, hierdoor kan je de kleuren gemakkelijk in je css-bestand opnemen door de nummers over te nemen.

Zelf gebruik ik de RGB hex Colour Chart van Addedbytes. Deze heb ik uitgeprint en in een map gestopt. Zo kan ik deze pakken als ik een bepaalde kleur nodig heb. Maar er zijn natuurlijk meer kleuren cheat-sheets.

Verder gebruik ik de FireFox add-on colorzilla. Hiermee kan ik een kleur op een website aanwijzen en krijg ik te zien welk kleur nummer het is. Verder gebruik ik het om een palette te maken van alle kleuren die gebruikt worden op een bepaalde site. Dit gebruik ik ter inspiratie of juist om een aantal van deze kleuren te gebruiken. Zo weet ik dat ze bij elkaar passen.

Naast de websites en cheat-sheets die ik hierboven heb benoemd zijn er nog meer hulpmiddelen om de juiste kleuren te kiezen. Welke hulpmiddelen gebruiken jullie?

Deel en bookmark hier:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • eKudos
  • NuJIJ
  • StumbleUpon
  • Twitter
  • email
This entry was posted in Tips en trucs and tagged , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

8 Comments

  1. Posted 22 February, 2010 at 10:12 | Permalink

    Altijd handig die cheat-sheets :) Naast het vinden van een specifieke kleur vind ik het zoeken naar kleurcombinaties die goed bij elkaar passen ook erg handig met bijvoorbeeld een tool als Kuler van Adobe.

  2. Posted 22 February, 2010 at 10:13 | Permalink

    Adobe Kuler is ook een erg mooie website. Hier vind je allerlei mooie kleur combinaties: http://kuler.adobe.com/

  3. violacase
    Posted 23 February, 2010 at 07:37 | Permalink

    Die ‘web site safe’ kleuren stammen nog uit de tijd dat mensen een PC-tje hadden met een 256Kb of minder kleurenadaptertje. Ik denk dat 99% van de gebruikers nu onderhand wel een True Colors adapter heeft.
    Je kunt nu dus beter focussen op mooie kleurcombinaties.

    • Posted 23 February, 2010 at 18:46 | Permalink

      Bedankt voor je opmerking. Klopt wat je zegt, maar je ziet dat men toch nog veel deze websafe colors gebruikt. Naar mijn idee zijn deze kleuren juist goed te combineren. Wat toch minder goed gaat met apartere kleuren.

      Op welke manier zorg jij voor mooie kleurencombinaties?

      • violacase
        Posted 23 February, 2010 at 23:08 | Permalink

        Een hele goeie manier om mooie combinaties van kleurgebruik te ontdekken is op sites te kijken van goede kunstenaars en geroemde web designers. Met een paar goede instellingen in Stumble Upon zie je een fantastische wereld aan je voorbij gaan. Met een goede color-picker en wat inzicht en fantasie heb je in no time een prachtige kleurenset voor een theme.
        Ok, het lijkt op het verfoeide cut-and-paste gedoe, maar lijkt me wel verantwoord. Mensen kijken liever naar mooie dingen dan naar lelijke. Je kunt altijd in je footer een verwijzing zetten naar de site(s) of kunstenaars waardoor je ‘geïnspireerd’ werd.

        • Posted 24 February, 2010 at 07:47 | Permalink

          Daar gebruik ik dus colorzilla (link staat in het artikel) voor. Dan kan ik het pallet aan kleuren van een website zien.

      • violacase
        Posted 24 February, 2010 at 08:13 | Permalink

        Ja, dat van Colorzilla had ik gezien. Die gebruik ik ook ;-) En nog véél meer handige plugins voor Firefox. Ik was het een beetje vergeten (want ik word onderhand een beetje een oude lul) maar ik stam nog uit de tijd dat iedereen nog monochrome beeldschermen had. Toen de eerste kleurenmonitoren (16 kleuren maar liefst!) op de markt verschenen moesten we de kleuren die we in applicaties gebruikten zó kiezen dat de boel ook goed zichtbaar bleef op de monochrome displays. Dat was dus ook de reden van die web-safe kleuren. Zó ontzettend mooi vond ik het allemaal niet hoor: die vreselijke cyaan bijvoorbeeld maakte wel een héél goedkope indruk. Ja, het gaat hard in computerland.

Post a Comment

Gebruik voor je reactie geen keywords, spam of splog-like URLs of namen.

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe without commenting

  • WooThemes - Quality Themes, Great Support
  • WordPress Themes

    WooThemes
    GravityForms
    StudioPress
    Press75
    modthemes
    Digging into WordPress