Vad är en hex-kod för färger?

Nov 1, 2024
Förklaringar

I den digitala världen är färger inte bara representerade av deras, ja, Färg , men också sexsiffriga koder. Dessa "hex koder" eller "hexadecimala färger" spelar en mycket viktig roll i designen. Vi förklarar hur allt fungerar.

Röd, grön, blå

En hex-kod består av sex siffror - vanligtvis föregås av pund (#) -symbolen. Till exempel är här hex-koden för ren svart: # 000000. Numren i den här koden motsvarar mängden röd, grön och blå i färgen.

De två första siffrorna berättar för oss hur mycket rött är i färgen, de två två siffrorna är för grön, och de två sista är för blå. Svart är frånvaron av färg, varför det är "000000." Det finns ingen röd, grön eller blå närvarande.

Mängden röd, grön eller blå kan ligga i intervallet 0-255. Men vänta, om varje färg bara har två siffror, och skalan går hela vägen upp till 255, hur fungerar det? Som verkligen presenterar ett problem. Du kanske tror att rena röda skulle vara # 2550000, men det är mer än sex siffror. Spänna upp.

siffra och Brev

HEX färgkoder innehåller inte bara siffror. Den faktiska koden för ren röd är # ff0000. Så hur översätter de bokstäverna till färger? Det är lite komplicerat.

Det hexadecimala systemet är baserat på nummer 16. När du sänder ut hur mycket av en färg du behöver-på den 0-255 skalan-du delar upp det med 16. Numret du får på toppen av ekvationen är den första siffran, Då är återstoden den andra siffran.

Nu, om de två siffrorna är enstaka siffror, pluggar du dem bara i sina fläckar i hex-koden. Men om du hamnar med ett tvåsiffrigt nummer, måste det omvandlas till ett brev. För det är det en enkel konversation att göra:

  • 10 blir a
  • 11 blir b
  • 12 blir c
  • 13 blir d
  • 14 blir e
  • 15 blir f

Att gå tillbaka till ren röd-vilken är # ff0000-vi kan nu se att det var # 1515 0000 innan de konverteras till bokstäver. En mer komplex färg-som denna nyans av lila (# 5f1e85) -Has mer pågår, men du vet att varje brev är helt enkelt ett nummer som är större än 9.

Vad är hexkoder för?

Vi vet nu vad en hex-kod är , men vad gör det do ? En hex färgkod berättar om displayen vilken färg som ska visas. Displayen läser all information om hur du gör den färgen från koden och det gör exakt det-det gör färgen.

Kombinationen av röd, grön och blå kan göra nästan vilken färg som ögat kan se. Du kan tänka på en hex-kod som ett matlagningsrecept. Det berättar TV: n, kamera, datorskärm, telefonvisning eller projektor hur mycket av varje färg den behöver. Därefter blandar det dem för att skapa den önskade slutliga färgen.

Det är allt det finns att hex färgkoder. De kan se ut som ett främmande språk, men det finns en mycket specifik formel som förklarar meningen bakom varje siffra. Nu vet du lite mer om de koder du ser i Photoshop och Illustrator .

RELATERAD: Vad är skillnaden mellan Illustrator och Photoshop?

Hur man hittar hex-koden för en färg

Du vet hur en hex-kod är gjord och hur de används, men hur kan du hitta hex-koden för en färg? Tack och lov finns det en massa gratis onlineverktyg för att hitta HEX-koderna för vilken färg som helst i en bild.

Om du letar efter en bra, rekommenderar vi en webbplats som heter image-color.com . Du kan ladda upp en bild från din enhet eller en URL och använd ögondroppsverktyget för att välja en färg från den. Klicka på "Bläddra" för att ladda upp din egen eller klistra in en URL i textrutan och klicka på "Ladda upp."

När bilden är uppladdad kan du klicka eller knacka var som helst för att välja en färg från bilden. Färgen visas längst upp med HEX-koden i rutan "HEX".

Nu kan du ta den hex-koden och använda den i Photoshop, Illustrator , eller var du än behöver det. Det är allt det finns att hex färgkoder. De kan se ut som ett främmande språk, men det finns en mycket specifik formel som förklarar meningen bakom varje siffra. Nu vet du.


Förklaringar - Mest populära artiklar

UI vs. UX: Vad är skillnaden

Förklaringar Sep 11, 2025

Sinne och i / shutterstock.com På webb- och App Design yrken hör du två termer som används mycket ofta: UI och UX. Ibland används de utbytbart, ibland int..


Vad är en Favicon?

Förklaringar Oct 23, 2025

Joe Fedewa Du har nog märkt att webbplatser har små ikoner som visas i din Browser-flikar . Dessa ikoner gör det enkelt att visuellt identifiera en webbpl..


Vad betyder "serif" och "sans serif"?

Förklaringar Oct 10, 2025

Om du någonsin varit på jakten på det perfekta tecknet, finns det två villkor som du förmodligen har noterat "serif" och "sans serif." Att veta vad dessa termer betyder hjälper dig a..


Vad är Jelly Scrolling?

Förklaringar Oct 1, 2025

Yana Vasileva / Shutterstock.com Vissa LCD-skärmar uppvisar ett distraherande men normalt fenomen som kallas "Jelly Scrolling" när den används i vissa ori..


Varför företag anställer Hackare?

Förklaringar Nov 17, 2024

Gorodenkoff / shutterstock.com Inte alla hackare är dåliga killar. För att försvara ett nätverk som du behöver veta vilken typ av attack du kommer att m�..


Vad är en MAC-adress, och hur fungerar det?

Förklaringar Nov 16, 2024

Kubais / Shutterstock.com Om du någonsin har försökt Identifiera enheter på ett nätverk eller Sök efter en närliggande Bluetooth-enhe..


Vad är en nätverksadapter?

Förklaringar Nov 15, 2024

Hendrik sejati / shutterstock.com Om du någonsin har försökt att fixa ett nätverksproblem har du troligen stött på diskussioner om nätverksadaptrar. S..


Vad är Spatial Audio, och hur fungerar det?

Förklaringar Nov 9, 2024

Ivan Kruk / Shutterstock.com Om du har handlat för hörlurar eller annat ljudteknik på sistone har du troligen stött på termen "rumsligt ljud." Låt oss ta..


Kategorier