GMOT
Nieuws:
 
*
Welkom, Gast. Alsjeblieft inloggen of registreren. 11 November 2019, 23:21:06


Login met gebruikersnaam, wachtwoord en sessielengte


Poll
Vraag: Wat vind je van deze tutorial
Goed en duidelijk - 2 (22.2%)
Duidelijk maar kan uitgebreider - 6 (66.7%)
Niet duidelijk - 1 (11.1%)
Totaal aantal stemmen: 8

Pagina's: [1]
  Print  
Advertenties


@-wout
Administrator
Approaching infinity
*********

Berichten: 9.429



Bekijk profiel WWW
« Gepost op: 03 April 2009, 15:26:45 »

Hallo,
Een tijd geleden bedacht me ineens hoe je HEX-kleuren nou eigelijk werken.
Dat laat ik hier zien in een mooie tutorial.

Basis
#ffffff = Wit, dat komt doordat alles "full" is.

een kleur code werkt namelijk zo: #ffffff
# R R G G B B

Het eerste stuk gaat over rood, als R R full zijn en de rest null, is dat dus rood: #ff0000
Het tweede stuk gaat over groen, als G G full zijn en de rest null, is dat dus groen: #00ff00
Het laatste stuk gaat over blauw, als B B full zijn en de rest null, is dat dus blauw: #0000ff

Nog wat uitleg over verhoudingen (met als voorbeeld: rood)
R bepaald het meeste van de kleur zie het als volgt: R is het getal 0-15.
R is de decimaal van 0-15, Voorbeeld: R=8 en R=9, dan is dat samen 8,09.
Dat betekend dat de code er dan zo uitziet: #890000.
Als je nu de volgende codes hebt:
(1. R=0 en R=F (#0f0000)
(2. R=F en R=0 (#f00000)
Zie je wat het verschil is.
De eerste is gelijk aan ~0,15
De Tweede is gelijk aan ~15,0
Hopelijk is de bovenstaande tekst duidelijk, het is moeilijk uit te leggen Smiley

verhoudings-nummers:
0= #000000 (no)
1= #111111
2= #222222
3= #333333
4= #444444
5= #555555
6= #666666
7= #777777
8= #888888
9= #999999
a= #aaaaaa
b= #bbbbbb
c= #cccccc
d= #dddddd
e= #eeeeee
f= #FFFFFF (full)

Mengen
Nou, als we dat snappen kunnen we gaan experimenteren Cheesy
Zoals bijvoorbeeld paars: #ff00ff
Zoals bijvoorbeeld oranje: #ff9900
Zoals bijvoorbeeld geel?: #ffff00
En tada, uit mijn hoofd, als je zo doorgaat kun je dus alle kleuren maken Smiley

Verder kun je sommige combinatie's ook nog afkorten:
van #ff0099 kun je #f09 maken, dat werkt alleen niet overal zo.
van bijvoorbeeld #ef3695 kun je niet echt een kortere maken Wink

Einde, reacties zijn welkom Smiley
« Laatste verandering: 04 April 2009, 12:38:22 door @-wout » Gelogd

Armogohma
Pretty addicted
*******

Berichten: 4.447


- Made by Mown :3


Bekijk profiel
« Antwoord #1 Gepost op: 03 April 2009, 21:05:55 »

Heej, cool!
Ik ga het meteen proberen...

ff0f0f!!
Gelogd

Ik vind het eigenlijk fijner om met koptelefoon te spelen dan over de versterker Embarrassed
Oeh oeh oeh ik wil in Maurice zn onderschrift o;

@-wout
Administrator
Approaching infinity
*********

Berichten: 9.429



Bekijk profiel WWW
« Antwoord #2 Gepost op: 03 April 2009, 21:09:06 »

welke kleur wou je krijgen?
Gelogd

job
King of the hill
******

Berichten: 2.321



Bekijk profiel WWW
« Antwoord #3 Gepost op: 03 April 2009, 23:47:25 »

ligt het aan mij of heb je voor rood groen en blauw dezelfde code :S.

Staat 3 keer #ff0000
Gelogd


Shaddow
Approaching infinity
********

Berichten: 6.011


Afdelingshoofd Schaduwrijkscreaturen.


Bekijk profiel
« Antwoord #4 Gepost op: 04 April 2009, 07:31:05 »

het ligt aan jou, als je quote staat het wel goed bij [color=]

Gelogd


And thus I walked on,
Out of the light,
And into oblivion

ick-in-noot
Ex-administrator
Infinity
*********

Berichten: 13.989



Bekijk profiel
« Antwoord #5 Gepost op: 04 April 2009, 08:49:54 »

het is # R¹ R² G¹ G² B¹ B²

de R¹ staat uiteraard voor rood, alleen het verschil tussen R¹ en R² is dat R¹ zegmaar, hmm, hoe laat ik het zeggen voor de comma staat en R² erachter. oftwel

6,2. de 6 is meer bepalend dan de 0,2 die er nog aanvast hangt, dat is zegmaar voor de fijne kleur afstelling.

dat kan je ook goed zien bij Armogohma:

FF0F0F heeft hij. je ziet dat kleur toch gewoon rood wordt weergegeven terwijl green en blue wel zijn ingestelt op full maar dat je daar vrijwel niks van merkt omdat het 0,F is (in hexdecimal).

dit deel van je tutorial miste ik wel een beetje omdat de verdeling niet heel duidelijk was als je het niet weet. Wat ik ook mis is dat je niet uitlegd dat je ook nog in plaats van F een A, B, C, D, E hebt.

op wikipedia staat deze table, miss wel handig.
(http://upload.wikimedia.org/wikipedia/commons/e/eb/Hexadecimal_multiplication_table.svg)
Merk op dat je de 10e rij niet kan gebruiken omdat die 2 characters in bezit neemt.

voor de rest wel aardig tut, had miss iets uitgebreider gekunt Smiley. go ahead.
Jesse
« Laatste verandering: 04 April 2009, 10:59:56 door ick-in-noot » Gelogd

Turn the world into a dancefloor.

Don Sandros
Oud-moderator
Pretty addicted
*******

Berichten: 4.442



Bekijk profiel
« Antwoord #6 Gepost op: 04 April 2009, 11:38:06 »

Je zou erbij kunnen uitleggen hoe je RGB omrekent naar HEX (00 = 0, FF = 255). Ook kun je in je HTML/CSS kleurcodes als #000 gebruiken, dit ziet de browser dan als #000000. (Of #F98 is #FF9988)
Gelogd

@-wout
Administrator
Approaching infinity
*********

Berichten: 9.429



Bekijk profiel WWW
« Antwoord #7 Gepost op: 04 April 2009, 12:39:05 »

Even wat van iin erin gestopt, hopelijk klopt het wel Smiley
Gelogd

@-wout
Administrator
Approaching infinity
*********

Berichten: 9.429



Bekijk profiel WWW
« Antwoord #8 Gepost op: 03 November 2010, 23:06:21 »

Wow, ik faal echt @ dit topic. Ik moet maar is gaan uitleggen hoe je hexadecimaal moet rekenen en hoe je dan de 0 - 255 kan maken met het 16 tallig stelsel (zoals bij deze kleuren dus zo is, vandaar dat Hex) Embarrassed
Gelogd


Advertenties
Pagina's: [1]
  Print  

 
Ga naar:  

Powered by SMF 1.1.21 | SMF © 2006-2011, Simple Machines | Smartphoneversie bekijken

Dilber MC Theme by HarzeM