A színeket a html nyelvben hexadecimális formában (azaz 16-os számrendszerben) felírt számokkal adhatjuk meg. Itt felhasználhatók a normális számjegyek 0-tól 9-ig, de a 10...15 számokat is számjegynek vesszük, és az A...F betűkkel jelöljük. Mivel a tízes számrendszerre való átváltásnak az áttekinthetőség szempontjából nincs szerepe, nyugodtan megelégedhetünk azzal a szemléletes képpel, hogy 00 jelenti a leghalványabb, FF pedig a legtelítettebb színt. A kettő között 256 telítettségi fokozat található (00, 01, ..., 09, 0A, ..., 0F, 10, ......, F0, ..., FF). Mivel mindhárom alapszínt (piros, zöld, kék) ennyiféle telítettséggel láthatjuk el, összesen 2563-féle színt tudunk kikeverni. Ez több, mint 16 millió, és gyakorlati célokra beválik a következő egyszerűsítés is: a telítettségi sorban nagyobb ugrásokkal haladva csak 16 fokozatot használunk: 00, 11,..., 99, AA,..., FF. Ez némiképp durvább színskálát eredményez, mint ami a html-ben elérhető, de a legtöbb célra ez is jó. Így összesen 163 = 4096 színt tudunk kikeverni.
Minden színt egy hatjegyű hexadecimális szám jelöl. Az első két jegy a piros, a második kettő a zöld, az utolsó kettő a kék szín telítettségét mutatja. Így az alapszínek legtelítettebb formájának képletei: piros (FF0000), zöld (00FF00) és kék (0000FF). Keverésükkel előállítható a sárga (FFFF00), a türkiz (00FFFF) és a lila (FF00FF). Ha mindhárom színt egyenlő arányban keverjük, fehéret kapunk (FFFFFF), ha pedig egyiket sem használjuk fel, fekete (000000) lesz az eredmény. Ezt az előállítási módot nevezzük additív színkeverésnek. Fizikailag úgy lehet kivitelezni, hogy a napsugár útjába prizmát teszünk, majd a keletkező szivárványból (spektrum) kiválasztunk három "alapszínt." Ezeket kis tükrök segítségével (esetleg gyengítve) ugyanarra a foltra vetítjük. Így egy egész sor új színt kaphatunk, amelyek közül a legtöbb nincs benne a szivárványban. A rózsaszín, a bordó, a türkiz nem spektrumszín, míg a sárga igen.
A html-beli színek a piros-zöld-kék komponensek keverési aránya alapján "színkockába" rendezhetők. Ezt a maga teljességében nem lehet síkban ábrázolni, csak néhány alkalmasan választott metszetét. Legegyszerűbb a hat oldallap ábrázolása. Megfigyelhető a sarkokon található alapszínek, elsődleges keverékszínek illetve a fekete és fehér színek egymásba mosódása. Ez az ábrázolás azonban keveset mutat meg az összes lehetőségből, hiszen e hat táblázatban mindig van egy alapszín, amelynek telítettsége egyáltalán nem változik. (Vagy minimális, vagy maximális - ami abban nyilvánul meg, hogy minden négyzet tartalmazza vagy a fehér, vagy a fekete sarkot.)
Az alábbi táblázatokban a színek hatjegyű számát három jeggyel helyettesítettem, azaz pl. az FF0099-es színt az F09 számmal.
000
010
020
030
040
050
060
070
080
090
0A0
0B0
0C0
0D0
0E0
0F0
100
110
120
130
140
150
160
170
180
190
1A0
1B0
1C0
1D0
1E0
1F0
200
210
220
230
240
250
260
270
280
290
2A0
2B0
2C0
2D0
2E0
2F0
300
310
320
330
340
350
360
370
380
390
3A0
3B0
3C0
3D0
3E0
3F0
400
410
420
430
440
450
460
470
480
490
4A0
4B0
4C0
4D0
4E0
4F0
500
510
520
530
540
550
560
570
580
590
5A0
5B0
5C0
5D0
5E0
5F0
600
610
620
630
640
650
660
670
680
690
6A0
6B0
6C0
6D0
6E0
6F0
700
710
720
730
740
750
760
770
780
790
7A0
7B0
7C0
7D0
7E0
7F0
800
810
820
830
840
850
860
870
880
890
8A0
8B0
8C0
8D0
8E0
8F0
900
910
920
930
940
950
960
970
980
990
9A0
9B0
9C0
9D0
9E0
9F0
A00
A10
A20
A30
A40
A50
A60
A70
A80
A90
AA0
AB0
AC0
AD0
AE0
AF0
B00
B10
B20
B30
B40
B50
B60
B70
B80
B90
BA0
BB0
BC0
BD0
BE0
BF0
C00
C10
C20
C30
C40
C50
C60
C70
C80
C90
CA0
CB0
CC0
CD0
CE0
CF0
D00
D10
D20
D30
D40
D50
D60
D70
D80
D90
DA0
DB0
DC0
DD0
DE0
DF0
E00
E10
E20
E30
E40
E50
E60
E70
E80
E90
EA0
EB0
EC0
ED0
EE0
EF0
F00
F10
F20
F30
F40
F50
F60
F70
F80
F90
FA0
FB0
FC0
FD0
FE0
FF0
A következő lehetséges ábrázolás a kockának az átlóssíkok mentén való félbevágása. Ez hatféleképpen lehetséges. Szebb téglalapot kapunk, ha úgy vágjuk ketté a kockát, hogy ennek során sem a fehér, sem a fekete sarkot nem érintjük. (3 lehetőség)
0F0 | 0F1 | 0F2 | 0F3 | 0F4 | 0F5 | 0F6 | 0F7 | 0F8 | 0F9 | 0FA | 0FB | 0FC | 0FD | 0FE | 0FF |
1E0 | 1E1 | 1E2 | 1E3 | 1E4 | 1E5 | 1E6 | 1E7 | 1E8 | 1E9 | 1EA | 1EB | 1EC | 1ED | 1EE | 1EF |
2D0 | 2D1 | 2D2 | 2D3 | 2D4 | 2D5 | 2D6 | 2D7 | 2D8 | 2D9 | 2DA | 2DB | 2DC | 2DD | 2DE | 2DF |
3C0 | 3C1 | 3C2 | 3C3 | 3C4 | 3C5 | 3C6 | 3C7 | 3C8 | 3C9 | 3CA | 3CB | 3CC | 3CD | 3CE | 3CF |
4B0 | 4B1 | 4B2 | 4B3 | 4B4 | 4B5 | 4B6 | 4B7 | 4B8 | 4B9 | 4BA | 4BB | 4BC | 4BD | 4BE | 4BF |
5A0 | 5A1 | 5A2 | 5A3 | 5A4 | 5A5 | 5A6 | 5A7 | 5A8 | 5A9 | 5AA | 5AB | 5AC | 5AD | 5AE | 5AF |
690 | 691 | 692 | 693 | 694 | 695 | 696 | 697 | 698 | 699 | 69A | 69B | 69C | 69D | 69E | 69F |
780 | 781 | 782 | 783 | 784 | 785 | 786 | 787 | 788 | 789 | 78A | 78B | 78C | 78D | 78E | 78F |
870 | 871 | 872 | 873 | 874 | 875 | 876 | 877 | 878 | 879 | 87A | 87B | 87C | 87D | 87E | 87F |
960 | 961 | 962 | 963 | 964 | 965 | 966 | 967 | 968 | 969 | 96A | 96B | 96C | 96D | 96E | 96F |
A50 | A51 | A52 | A53 | A54 | A55 | A56 | A57 | A58 | A59 | A5A | A5B | A5C | A5D | A5E | A5F |
B40 | B41 | B42 | B43 | B44 | B45 | B46 | B47 | B48 | B49 | B4A | B4B | B4C | B4D | B4E | B4F |
C30 | C31 | C32 | C33 | C34 | C35 | C36 | C37 | C38 | C39 | C3A | C3B | C3C | C3D | C3E | C3F |
D20 | D21 | D22 | D23 | D24 | D25 | D26 | D27 | D28 | D29 | D2A | D2B | D2C | D2D | D2E | D2F |
E10 | E11 | E12 | E13 | E14 | E15 | E16 | E17 | E18 | E19 | E1A | E1B | E1C | E1D | E1E | E1F |
F00 | F01 | F02 | F03 | F04 | F05 | F06 | F07 | F08 | F09 | F0A | F0B | F0C | F0D | F0E | F0F |
Ha azonban a metszet tartalmazza a fehér vagy a fekete szín bármelyikét, akkor a másikat is tartalmazza, amitől a skála valamelyest szegényebbé válik. (3 lehetőség)
Lehetséges az is, hogy a kocka két szemközti sarkát összekötő "rombuszokat" ábrázoljuk (4 lehetőség):
00F | 01E | 02E | 03E | 04D | 05C | 06C | 07C | 08B | 09A | 0AA | 0BA | 0C9 | 0D8 | 0E8 | 0F8 | 10E | 11E | 12E | 13D | 14C | 15C | 16C | 17B | 18A | 19A | 1AA | 1B9 | 1C8 | 1D8 | 1E8 | 1F7 | 20E | 21E | 22D | 23C | 24C | 25C | 26B | 27A | 28A | 29A | 2A9 | 2B8 | 2C8 | 2D8 | 2E7 | 2F6 | 30E | 31D | 32C | 33C | 34C | 35B | 36A | 37A | 38A | 399 | 3A8 | 3B8 | 3C8 | 3D7 | 3E6 | 3F6 | 40D | 41C | 42C | 43C | 44B | 45A | 46A | 47A | 489 | 498 | 4A8 | 4B8 | 4C7 | 4D6 | 4E6 | 4F6 | 50C | 51C | 52C | 53B | 54A | 55A | 56A | 579 | 588 | 598 | 5A8 | 5B7 | 5C6 | 5D6 | 5E6 | 5F5 | 60C | 61C | 62B | 63A | 64A | 65A | 669 | 678 | 688 | 698 | 6A7 | 6B6 | 6C6 | 6D6 | 6E5 | 6F4 | 70C | 71B | 72A | 73A | 74A | 759 | 768 | 778 | 788 | 797 | 7A6 | 7B6 | 7C6 | 7D5 | 7E4 | 7F4 | 80B | 81A | 82A | 83A | 849 | 858 | 868 | 878 | 887 | 896 | 8A6 | 8B6 | 8C5 | 8D4 | 8E4 | 8F4 | 90A | 91A | 92A | 939 | 948 | 958 | 968 | 977 | 986 | 996 | 9A6 | 9B5 | 9C4 | 9D4 | 9E4 | 9F3 | A0A | A1A | A29 | A38 | A48 | A58 | A67 | A76 | A86 | A96 | AA5 | AB4 | AC4 | AD4 | AE3 | AF2 | B0A | B19 | B28 | B38 | B48 | B57 | B66 | B76 | B86 | B95 | BA4 | BB4 | BC4 | BD3 | BE2 | BF2 | C09 | C18 | C28 | C38 | C47 | C56 | C66 | C76 | C85 | C94 | CA4 | CB4 | CC3 | CD2 | CE2 | CF2 | D08 | D18 | D28 | D37 | D46 | D56 | D66 | D75 | D84 | D94 | DA4 | DB3 | DC2 | DD2 | DE2 | DF1 | E08 | E18 | E27 | E36 | E46 | E56 | E65 | E74 | E84 | E94 | EA3 | EB2 | EC2 | ED2 | EE1 | EF0 | F08 | F17 | F26 | F36 | F46 | F55 | F64 | F74 | F84 | F93 | FA2 | FB2 | FC2 | FD1 | FE0 | FF0 |
Ábrázolhatjuk a két szemközti sarok között kifeszített szabályos hatszögmetszetet is (4 lehetőség).
FFF | FFF | FFF | FFF | FFF | FFF | FFF | 07F | 08E | 09D | 0AC | 0BB | 0CA | 0D9 | 0E8 | 0F7 | FFF | FFF | FFF | FFF | FFF | FFF | 16F | 17E | 18D | 19C | 1AB | 1BA | 1C9 | 1D8 | 1E7 | 1F6 | FFF | FFF | FFF | FFF | FFF | 25F | 26E | 27D | 28C | 29B | 2AA | 2B9 | 2C8 | 2D7 | 2E6 | 2F5 | FFF | FFF | FFF | FFF | 34F | 35E | 36D | 37C | 38B | 39A | 3A9 | 3B8 | 3C7 | 3D6 | 3E5 | 3F4 | FFF | FFF | FFF | 43F | 44E | 45D | 46C | 47B | 48A | 499 | 4A8 | 4B7 | 4C6 | 4D5 | 4E4 | 4F3 | FFF | FFF | 52F | 53E | 54D | 55C | 56B | 57A | 589 | 598 | 5A7 | 5B6 | 5C5 | 5D4 | 5E3 | 5F2 | FFF | 61F | 62E | 63D | 64C | 65B | 66A | 679 | 688 | 697 | 6A6 | 6B5 | 6C4 | 6D3 | 6E2 | 6F1 | 70F | 71E | 72D | 73C | 74B | 75A | 769 | 778 | 787 | 796 | 7A5 | 7B4 | 7C3 | 7D2 | 7E1 | 7F0 | 80E | 81D | 82C | 83B | 84A | 859 | 868 | 877 | 886 | 895 | 8A4 | 8B3 | 8C2 | 8D1 | 8E0 | FFF | 90D | 91C | 92B | 93A | 949 | 958 | 967 | 976 | 985 | 994 | 9A3 | 9B2 | 9C1 | 9D0 | FFF | FFF | A0C | A1B | A2A | A39 | A48 | A57 | A66 | A75 | A84 | A93 | AA2 | AB1 | AC0 | FFF | FFF | FFF | B0B | B1A | B29 | B38 | B47 | B56 | B65 | B74 | B83 | B92 | BA1 | BB0 | FFF | FFF | FFF | FFF | C0A | C19 | C28 | C37 | C46 | C55 | C64 | C73 | C82 | C91 | CA0 | FFF | FFF | FFF | FFF | FFF | D09 | D18 | D27 | D36 | D45 | D54 | D63 | D72 | D81 | D90 | FFF | FFF | FFF | FFF | FFF | FFF | E08 | E17 | E26 | E35 | E44 | E53 | E62 | E71 | E80 | FFF | FFF | FFF | FFF | FFF | FFF | FFF | F07 | F16 | F25 | F34 | F43 | F52 | F61 | F70 | FFF | FFF | FFF | FFF | FFF | FFF | FFF | FFF |
A klasszikus ábrázolás a következő: Az alapszínek által kijelölt három csúcs (amelyek mindegyike a fekete szín szomszédja) meghatározza a kocka egy sarok-tetraéderét. Ezt lemetszve vágási felületként egyenlő oldalú színháromszöget kapunk, amelyben az alapszíneknek egymásba való átmenetét figyelhetjük meg. (Gyakorlati okokból ezt derékszögűvé torzítottam.) A háromszög mellé fel lehet venni egyik "szomszédját" is - ekkor a színkockából nem síkot, hanem V alakú völgyet ábrázolunk (4 lehetőség).
00F | 01E | 02D | 03C | 04B | 05A | 069 | 078 | 087 | 096 | 0A5 | 0B4 | 0C3 | 0D2 | 0E1 | 0F0 |
10E | 11D | 12C | 13B | 14A | 159 | 168 | 177 | 186 | 195 | 1A4 | 1B3 | 1C2 | 1D1 | 1E0 | 1F1 |
20D | 21C | 22B | 23A | 249 | 258 | 267 | 276 | 285 | 294 | 2A3 | 2B2 | 2C1 | 2D0 | 2E1 | 2F2 |
30C | 31B | 32A | 339 | 348 | 357 | 366 | 375 | 384 | 393 | 3A2 | 3B1 | 3C0 | 3D1 | 3E2 | 3F3 |
40B | 41A | 429 | 438 | 447 | 456 | 465 | 474 | 483 | 492 | 4A1 | 4B0 | 4C1 | 4D2 | 4E3 | 4F4 |
50A | 519 | 528 | 537 | 546 | 555 | 564 | 573 | 582 | 591 | 5A0 | 5B1 | 5C2 | 5D3 | 5E4 | 5F5 |
609 | 618 | 627 | 636 | 645 | 654 | 663 | 672 | 681 | 690 | 6A1 | 6B2 | 6C3 | 6D4 | 6E5 | 6F6 |
708 | 717 | 726 | 735 | 744 | 753 | 762 | 771 | 780 | 791 | 7A2 | 7B3 | 7C4 | 7D5 | 7E6 | 7F7 |
807 | 816 | 825 | 834 | 843 | 852 | 861 | 870 | 881 | 892 | 8A3 | 8B4 | 8C5 | 8D6 | 8E7 | 8F8 |
906 | 915 | 924 | 933 | 942 | 951 | 960 | 971 | 982 | 993 | 9A4 | 9B5 | 9C6 | 9D7 | 9E8 | 9F9 |
A05 | A14 | A23 | A32 | A41 | A50 | A61 | A72 | A83 | A94 | AA5 | AB6 | AC7 | AD8 | AE9 | AFA |
B04 | B13 | B22 | B31 | B40 | B51 | B62 | B73 | B84 | B95 | BA6 | BB7 | BC8 | BD9 | BEA | BFB |
C03 | C12 | C21 | C30 | C41 | C52 | C63 | C74 | C85 | C96 | CA7 | CB8 | CC9 | CDA | CEB | CFC |
D02 | D11 | D20 | D31 | D42 | D53 | D64 | D75 | D86 | D97 | DA8 | DB9 | DCA | DDB | DEC | DFD |
E01 | E10 | E21 | E32 | E43 | E54 | E65 | E76 | E87 | E98 | EA9 | EBA | ECB | EDC | EED | EFE |
F00 | F11 | F22 | F33 | F44 | F55 | F66 | F77 | F88 | F99 | FAA | FBB | FCC | FDD | FEE | FFF |
Már csak a megvalósító parancsok vannak hátra. Ezeket itt inkább "kapcsolóknak" nevezzük. Ha pl. az F09 színnel akarjuk kiemelni a "pocok" szót, akkor azt kell írnunk:
<font color=#ff0099>pocok</font>
Az eredmény:
pocok
Táblázat egy mezejének háttérszínét úgy állíthatjuk át, hogy a <td> helyett azt írjuk: <td bgcolor=#ff0099>
Az egész dokumentum hátterét is színesre festhetjük: <body> helyett <body bgcolor=#ff0099>
A minden eddigi lehetőséget magában foglaló teljes színskála tömörítve megtalálható itt.