CSSда # орқали ранг беріш
rgb орқали ранг беріш усули,
ҳар қандай рангнинг ҳар қандай соясини олишга
имкон берса-да, бироз ўлчовсиздир. Шу сабабдан
рангни белгилашнинг учинчи варианти мавжуд -
ўн олтилик сифатида.
Бу усулнинг моҳиятини тушуниш учун сиз
ўн олтилик саноқ тизими билан танишишингиз
керек. Унда, ҳаётда фойдаланадиган десятиличадан
фарқли ўларок, ўн рақам эмас, балки ўн олтита
рақам мавжуд: 0, 1,
2, 3, 4, 5, 6,
7, 8, 9, A, B,
C, D, E, F -
кўриб турганингиздек, тўққиздан кейин рақамлар
етишмаганлиги сабабли ҳарфлар ишлатилади.
Бу тизимда rgb ўрнига
панжара # ёзилади, сўнг ўзидан кейин олтита
белги келади. Дastlabки икки белги - қизил ранг,
иккинчи икки белги - яшил, ва охирги икки
белги - кўк ранг. Ранглар ҳам 0 дан
255 гача ўзгаради, лекин ўн олтилик
тизимда бу 00 дан FF гача бўлади.
Кейинги мисолда абзац қизил рангга боянади:
<p>
матн
</p>
p {
color: #FF0000;
}
:
Барча абзацларга #FFEEAA рангни белгиланг.
Барча абзацларга фон #000000
ва матн ранги #FFFFFF белгиланг. Қандай
ранглар ҳосил бўлади?
Кейинги код берилган:
p {
color: rgb(255, 200, 255);
}
Бирор конвертер ёрдамида рангни ўн олтилик форматга айлантиринг.