Html-színek

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.