oktatas:web:css:css

A színek az RGB színtér használatával vagy nevekkel adhatók meg.

Szín névvel:

p {
    background-color: olive;
}

Szín RGB kóddal, hexadecimálisan:

p {
    background-color: #808000;
}

Szín RGB kóddal, decimálisan:

p {
    background-color: rgb(128, 128, 0);
}

p {
    background-color: rgba(128, 128, 0, 1);
}

Rövidítés:

p {
    background-color: #333;
}

Egyenértékű ezzel:

p {
    background-color: #333333;
}

	#000000	rgb(0,0,0)
	#ff0000	rgb(255,0,0)
	#00ff00	rgb(0,255,0)
	#0000ff	rgb(0,0,255)
	#ffff00	rgb(255,255,0)
	#00ffff	rgb(0,255,255)
	#ff00ff	rgb(255,0,255)
	#c0c0c0	rgb(192,192,192)
	#ffffff	rgb(255,255,255)

HEX RGB

#000000 rgb(0,0,0)

#080000 rgb(8,0,0)

#100000 rgb(16,0,0)

#180000 rgb(24,0,0)

#200000 rgb(32,0,0)

#280000 rgb(40,0,0)

#300000 rgb(48,0,0)

#380000 rgb(56,0,0)

#400000 rgb(64,0,0)

#480000 rgb(72,0,0)

#500000 rgb(80,0,0)

#580000 rgb(88,0,0)

#600000 rgb(96,0,0)

#680000 rgb(104,0,0)

#700000 rgb(112,0,0)

#780000 rgb(120,0,0)

#800000 rgb(128,0,0)

#880000 rgb(136,0,0)

#900000 rgb(144,0,0)

#980000 rgb(152,0,0)

#A00000 rgb(160,0,0)

#A80000 rgb(168,0,0)

#B00000 rgb(176,0,0)

#B80000 rgb(184,0,0)

#C00000 rgb(192,0,0)

#C80000 rgb(200,0,0)

#D00000 rgb(208,0,0)

#D80000 rgb(216,0,0)

#E00000 rgb(224,0,0)

#E80000 rgb(232,0,0)

#F00000 rgb(240,0,0)

#F80000 rgb(248,0,0)

#FF0000 rgb(255,0,0)

#000000 rgb(0,0,0)

#080808 rgb(8,8,8)

#101010 rgb(16,16,16)

#181818 rgb(24,24,24)

#202020 rgb(32,32,32)

#282828 rgb(40,40,40)

#303030 rgb(48,48,48)

#383838 rgb(56,56,56)

#404040 rgb(64,64,64)

#484848 rgb(72,72,72)

#505050 rgb(80,80,80)

#585858 rgb(88,88,88)

#606060 rgb(96,96,96)

#686868 rgb(104,104,104)

#707070 rgb(112,112,112)

#787878 rgb(120,120,120)

#808080 rgb(128,128,128)

#888888 rgb(136,136,136)

#909090 rgb(144,144,144)

#989898 rgb(152,152,152)

#A0A0A0 rgb(160,160,160)

#A8A8A8 rgb(168,168,168)

#B0B0B0 rgb(176,176,176)

#B8B8B8 rgb(184,184,184)

#C0C0C0 rgb(192,192,192)

#C8C8C8 rgb(200,200,200)

#D0D0D0 rgb(208,208,208)

#D8D8D8 rgb(216,216,216)

#E0E0E0 rgb(224,224,224)

#E8E8E8 rgb(232,232,232)

#F0F0F0 rgb(240,240,240)

#F8F8F8 rgb(248,248,248)

#FFFFFF rgb(255,255,255)

#000000 rgb(0,0,0)

#000008 rgb(0,0,8)

#000010 rgb(0,0,16)

#000018 rgb(0,0,24)

#000020 rgb(0,0,32)

#000028 rgb(0,0,40)

#000048 rgb(0,0,48)

#000038 rgb(0,0,56)

#000040 rgb(0,0,64)

#000048 rgb(0,0,72)

#000050 rgb(0,0,80)

#000058 rgb(0,0,88)

#000060 rgb(0,0,96)

#000068 rgb(0,0,104)

#000070 rgb(0,0,112)

#000078 rgb(0,0,120)

#000080 rgb(0,0,128)

#000088 rgb(0,0,136)

#000090 rgb(0,0,144)

#000089 rgb(0,0,152)

#0000a0 rgb(0,0,160)

#0000a8 rgb(0,0,168)

#0000b0 rgb(0,0,176)

#0000b8 rgb(0,0,184)

#0000c0 rgb(0,0,192)

#0000c8 rgb(0,0,200)

#0000d0 rgb(0,0,208)

#0000d8 rgb(0,0,216)

#0000e0 rgb(0,0,224)

#0000e8 rgb(0,0,232)

#0000f0 rgb(0,0,240)

#0000f8 rgb(0,0,248)

#0000ff rgb(0,0,255)

#000000 rgb(0,0,0)

#000800 rgb(0,8,0)

#001000 rgb(0,16,0)

#001800 rgb(0,24,0)

#002000 rgb(0,32,0)

#002800 rgb(0,40,0)

#004800 rgb(0,48,0)

#003800 rgb(0,56,0)

#004000 rgb(0,64,0)

#004800 rgb(0,72,0)

#005000 rgb(0,80,0)

#005800 rgb(0,88,0)

#006000 rgb(0,96,0)

#006800 rgb(0,104,0)

#007000 rgb(0,112,0)

#007800 rgb(0,120,0)

#008000 rgb(0,128,0)

#008800 rgb(0,136,0)

#009000 rgb(0,144,08)

#008900 rgb(0,152,0)

#00a000 rgb(0,160,0)

#00a800 rgb(0,168,0)

#00b000 rgb(0,176,0)

#00b800 rgb(0,184,0)

#00c000 rgb(0,192,0)

#00c800 rgb(0,200,0)

#00d000 rgb(0,208,0)

#00d800 rgb(0,216,0)

#00e000 rgb(0,224,0)

#00e800 rgb(0,232,0)

#00f000 rgb(0,240,0)

#00f800 rgb(0,248,0)

#00ff00 rgb(0,255,0)

#000000 rgb(0,0,0)

#080800 rgb(8,8,0)

#101000 rgb(16,16,0)

#181800 rgb(24,24,0)

#202000 rgb(32,32,0)

#282800 rgb(40,40,0)

#484800 rgb(48,48,0)

#383800 rgb(56,56,0)

#404000 rgb(64,64,0)

#484800 rgb(72,72,0)

#505000 rgb(80,80,0)

#585800 rgb(88,88,0)

#606000 rgb(96,96,0)

#686800 rgb(104,104,0)

#707000 rgb(112,112,0)

#787800 rgb(120,120,0)

#808000 rgb(128,128,0)

#888800 rgb(136,136,0)

#909000 rgb(144,144,0)

#898900 rgb(152,152,0)

#a0a000 rgb(160,160,0)

#a8a800 rgb(168,168,0)

#b0b000 rgb(176,176,0)

#b8b800 rgb(184,184,0)

#c0c000 rgb(192,192,0)

#c8c800 rgb(200,200,0)

#d0d000 rgb(208,208,0)

#d8d800 rgb(216,216,0)

#e0e000 rgb(224,224,0)

#e8e800 rgb(232,232,0)

#f0f000 rgb(240,240,0)

#f8f800 rgb(248,248,0)

#ffff00 rgb(255,255,0)

Szűkebb paletta:

#fafad2 rgb(250,250,210) lightgoldenrodyellow

#eee8aa rgb(238,232,170) palegoldenrod

#f0e68c rgb(240,230,140) khaki

#daa520 rgb(218,165,32) goldenrod

#ffd700 rgb(255,215,0) gold

#ffa500 rgb(255,165,0) orange

#ff8c00 rgb(255,140,0) darkorange

#cd853f rgb(205,133,63) peru

#d2691e rgb(210,105,30) chocolate

#8b4513 rgb(139,69,19) saddlebrown

#a0522d rgb(160, 82, 45) sienna

Teljes paletta lesz egyszer:

#fcfc80 rgb(252,252,128)

#fcf87c rgb(252,248,124)

#fcf478 rgb(252,244,120)

#f8f478 rgb(248,244,120)
...

#e8cc48 rgb(232, 204, 72)
...

#cc980c rgb(204, 152, 12)

#cc9408 rgb(204, 148, 8)

#cc9004 rgb(204, 144, 4)

#c88c00 rgb(200, 140, 0)

#c48800 rgb(196, 136, 0)

Tartalomjegyzék

CSS színek

Színek beállítása

Alapszínek

A piros árnyalatai

A szürke árnyalatai

A kék árnyalatai

A zöld árnyalatai

A sárga árnyalatai

Aranyárnyalatok