Zadání barvy pomocí # v CSS

Způsob zadání barvy pomocí rgb, ačkoli umožňuje získat jakýkoli odstín jakékoli barvy, je přesto poněkud těžkopádný. Proto existuje i třetí možnost zadat barvu - pomocí hexadecimální hodnoty.

Abyste pochopili podstatu tohoto způsobu, je potřeba se vypořádat s hexadecimální číselnou soustavou. Na rozdíl od desítkové soustavy, kterou používáme v běžném životě, nemá deset číslic, ale šestnáct: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F - jak vidíte, z důvodu nedostatku číslic po devítce se používají písmena.

V této soustavě se místo rgb zapisuje mřížka #, za kterou následuje šest znaků. První dva znaky - červená barva, druhé dva znaky - zelená barva, a poslední dva znaky - modrá barva. Barvy se také mění od 0 do 255, ale v hexadecimální soustavě to bude od 00 do FF.

V následujícím příkladu je odstavec obarven na červeno:

html<p>
  text
</p>

cssp {
  color: #FF0000;
}

Результат:

cssp {
  color: rgb(255, 200, 255);
}