Mikä on RGB-väri?

Näytöt muodostavat jokaisen värin sekoittamalla punaista, vihreää ja sinistä valoa. RGB-väri ilmaisee kunkin näistä kolmesta kanavasta lukuna välillä 0 (pois käytöstä)–255 (täysi voimakkuus), joten rgb(255, 0, 0) on puhdas punainen, rgb(0, 0, 0) on musta ja rgb(255, 255, 255) on valkoinen. Saman värin voi kirjoittaa heksakoodina, kuten #ff0000, jossa jokainen heksanumeroiden pari edustaa yhtä kanavaa.

Työkalun kuvaus

Tällä työkalulla voit muokata väriä yksi kanava kerrallaan. Valitse tai liitä lähtöväri, siirrä sitten punaisen, vihreän ja sinisen liukusäätimiä tai kirjoita tarkat arvot ja näe tuloksen muuttuvan samalla. Muokattu väri näytetään CSS:n, suunnittelutyökalujen, pelimoottoreiden ja shader-koodin käyttämissä merkintätavoissa, ja jokainen niistä on valmis kopioitavaksi.

Ominaisuudet

  • Muokkaa punaista, vihreää ja sinistä kanavaa liukusäätimillä tai tarkoilla luvuilla välillä 0–255
  • Valitse väri tai liitä aloitusväriksi väri HEX-, RGB-, HSL- tai muussa muodossa
  • Hanki väri HEX-muodossa, rgb()-muodossa, rgb()-prosentteina, normalisoituina 0–1-arvoina, desimaalikokonaislukuna ja heksakokonaislukuna
  • Toimii selaimessa

Näin se toimii

Jokainen kanava on kokonaisluku välillä 0–255. Tämän alueen ulkopuoliset arvot rajataan alueen rajoihin ja desimaalit pyöristetään. Normalisoidut arvot saadaan jakamalla kukin kanava luvulla 255, ja kokonaislukumuodot pakkaavat kanavat yhdeksi 24-bittiseksi luvuksi muodossa 0xRRGGBB.

Vinkkejä

  • Käytä normalisoituja 0–1-arvoja GLSL:ssä, HLSL:ssä, Unityssä ja muissa API-rajapinnoissa, jotka käyttävät värejä liukulukuina.
  • Desimaalikokonaisluku on muoto, jota käytetään Discordin upotuksissa sekä joissakin taulukkolaskentaohjelmissa ja tietokannoissa.