Vad är en RGB-färg?

Skärmar skapar alla färger genom att blanda rött, grönt och blått ljus. En RGB-färg anger styrkan hos var och en av dessa tre kanaler som ett tal från 0 (av) till 255 (full styrka), så rgb(255, 0, 0) är rent röd, rgb(0, 0, 0) är svart och rgb(255, 255, 255) är vit. Samma färg kan skrivas som en hexkod, till exempel #ff0000, där varje par hexadecimala siffror motsvarar en kanal.

Verktygsbeskrivning

Med det här verktyget kan du redigera en färg, en kanal i taget. Välj eller klistra in en startfärg och flytta sedan reglagen för rött, grönt och blått eller skriv in exakta värden. Se resultatet ändras medan du arbetar. Den redigerade färgen visas i de notationer som används av CSS, designverktyg, spelmotorer och shader-kod, och varje format kan kopieras direkt.

Funktioner

  • Redigera de röda, gröna och blå kanalerna med reglage eller exakta tal från 0 till 255
  • Välj en färg eller klistra in en i HEX, RGB, HSL eller ett annat format för att börja med
  • Få färgen som HEX, rgb(), procentvärden i rgb(), normaliserade värden från 0 till 1, ett decimalt heltal och ett hexadecimalt heltal
  • Körs i din webbläsare

Så fungerar det

Varje kanal är ett heltal från 0 till 255. Värden utanför det intervallet begränsas till intervallets gränser och decimaler avrundas. Normaliserade värden beräknas genom att varje kanal divideras med 255, och heltalsformaten packar kanalerna till ett enda 24-bitars tal som 0xRRGGBB.

Tips

  • Använd de normaliserade värdena från 0 till 1 för GLSL, HLSL, Unity och andra API:er som tar emot färger som flyttal.
  • Det decimala heltalet är det format som används av Discord-inbäddningar samt vissa kalkylblad och databaser.