Värikoodi

Jos olet graafinen suunnittelija tai olet juuri koskaan päässyt kuvankäsittelyohjelmaan, olet nähnyt a laatikko, jonka avulla voit vaihtaa väriä, olipa kyseessä maaliämpäri, sivellin, kirjaimet... Mikä saattoi tehdä sinut uteliaaksi, on se, että kun valitset värin, se näkyy värikoodi, tiedätkö mikä se on?

Jos olet joskus miettinyt, mitä nämä kirjain- tai numerokoodit tarkoittavat ja haluat tietää niistä lisää, autamme sinua ymmärtämään värikoodin tärkeyden, miksi ne heijastavat värejä ja muita mielenkiintoisia yksityiskohtia.

Mikä on värikoodi

Voimme määrittää värikoodin a kromaattinen alue, jolla verkko voidaan näyttää. Eli noin 216 värin paletissa olevat mahdollisuudet määrittää, miltä verkkosivusto näyttää. Tämä koodi voi perustua kolmentyyppisiin järjestelmiin: RGB, HEX ja HSL (jälkimmäinen on nyt vanhentunut).

Itse asiassa värikoodin tarkoitus on toimia yleiskoodina kaikille selaimille siten, että niillä koodeilla saadaan aikaan samat sävyt joko Internet Exploresissa, Firefox Mozillassa tai Google Chromessa. …

Sinun pitäisi tietää, että tietokone pystyy erottamaan jopa 16 miljoonaa väriä, joten on monia mahdollisuuksia luoda verkkosivusto tai muokata kuvia.

Värikoodien tyypit

Kuten olemme aiemmin kertoneet, järjestelmiä on kolmenlaisia:

• RGB. Se on tunnetuin ja koostuu kolmesta pääväristä, punaisesta, sinisestä ja vihreästä, joista niiden yhdistelmän kautta loput värit ovat peräisin. Mitä tulee sen esitystapaan, se vaihtelee välillä 0–255, ja näkyviin tuleva koodi koostuu kolmesta pilkuilla ja suluissa erotetusta numerosta.
• Heksadesimaali. Käytetään enimmäkseen HTML:ssä ja CSS:ssä. Tässä tapauksessa se koostuu sekä numeroista että kirjaimista, jotka on järjestetty keskenään saadakseen värit määrittävät koodit.
• HSL. Jo käyttämättömänä se perustuu sävyn, kylläisyyden ja vaaleuden käyttämiseen väriä luotaessa. Se määräytyy asteina ja prosentteina (kolme numeroa pilkuilla erotettuina ja suluissa).

Miksi koodit ovat tärkeitä?

Nyt kun tiedät mitä värikoodaus on, sen soveltaminen on helppo ymmärtää, koska Sitä käytetään määrittämään, mikä koodi tarvitaan tietyn värin näyttämiseen. Tämä toimii esimerkiksi verkkosivuilla. HTML-koodi on implisiittinen, jos verkkosivustolla on tietynvärinen tausta, jos fontti on punainen, keltainen, vihreä, sininen ... ja monia muita käyttötarkoituksia.

Ymmärrätkö miksi se on tärkeää? Kuvittele esimerkiksi, että sinulla on verkkosivusto, jolla on punainen tausta. Ja haluat muuttaa sen tyhjäksi. Jos tietäisit koodin, joka määrittää punaisen värin, käyttämällä HTML-koodin hakukonetta saisit paikan, jossa tämä väri heijastuu (linkitetty taustaväriin) ja voisit vaihtaa sen nopeasti. Mutta entä jos sinulla ei ole sitä? Sinun pitäisi etsiä, kunnes löydät kyseisen osion ja testata, mikä koodi on lähellä haluamaasi.

Siksi värikoodi auttaa sinua nopeuttamaan työntekoa sekä värejä hyödyntämään verkkosivuston suunnittelussa, kuvan muokkaamisessa jne.

Luettelo väreistä ja niiden koodit Heksadesimaali ja RGB

Lopuksi haluamme jättää sinut alle a taulukko, josta löydät suurimman osan olemassa olevista väreistä desimaalikoodien (RGB) ja heksadesimaalien kanssa joten jos haluat milloin tahansa muuttaa koodia, voit tehdä sen helposti ilman, että sinun tarvitsee etsiä sitä väripaletista.

etiketti	Desimaali (R, G, B)	Heksadesimaali
aliceblue	rgb (240, 248, 255)	# F0F8FF
antiikkivalkoinen	rgb (250, 235, 215)	# FAEBD7
aqua	rgb (0, 255, 255)	# 00FFFF
akvamariini	rgb (127, 255, 212)	# 7FFFD4
taivaansininen	rgb (240, 255, 255)	# F0FFFF
beige	rgb (245, 245, 220)	# F5F5DC
äyriäiskeitto	rgb (255, 228, 196)	# FFE4C4
musta	rgb (0, 0, 0)	#000000
blanšoitu manteli	rgb (255, 235, 205)	#FFEBCD
sininen	rgb (0, 0, 255)	# 0000FF
sininenvioletti	rgb (138, 43, 226)	# 8A2BE2
ruskea	rgb (165, 42, 42)	# A52A2A
jämäkkää puuta	rgb (222, 184, 135)	# DEB887
kadetinsininen	rgb (95, 158, 160)	# 5F9EA0
chartreuse	rgb (127, 255, 0)	# 7FFF00
suklaa	rgb (210, 105, 30)	# D2691E
koralli	rgb (255, 127, 80)	# FF7F50
ruiskukkasininen	rgb (100, 149, 237)	# 6495ED
maissisilkki	rgb (255, 248, 220)	# FFF8DC
karmiininpunainen	rgb (220, 20, 60)	# DC143C
syaani	rgb (0, 255, 255)	# 00FFFF
tummansininen	rgb (0, 0, 139)	#00008B
tumma syaani	rgb (0, 139, 139)	# 008B8B
tumma kultaharkko	rgb (184, 134, 11)	# B8860B
tumman harmaa	rgb (169, 169, 169)	# A9A9A9
tummanvihreä	rgb (0, 100, 0)	#006400
tummanharmaa	rgb (169, 169, 169)	# A9A9A9
tummakhaki	rgb (189, 183, 107)	# BDB76B
tummanmagenta	rgb (139, 0, 139)	# 8B008B
tummanvihreä	rgb (85, 107, 47)	# 556B2F
tumma oranssi	rgb (255, 140, 0)	# FF8C00
Darkorchid	rgb (153, 50, 204)	# 9932CC
tummanpunainen	rgb (139, 0, 0)	#8B0000
tummalohi	rgb (233, 150, 122)	# E9967A
tummanvihreä	rgb (143, 188, 143)	# 8FBC8F
tumma liuskesininen	rgb (72, 61, 139)	# 483D8B
tumman kivenharmaa	rgb (47, 79, 79)	# 2F4F4F
tumman harmaa	rgb (47, 79, 79)	# 2F4F4F
tumma turkoosi	rgb (0, 206, 209)	# 00CED1
tummanvioletti	rgb (148, 0, 211)	#9400D3
syvän vaaleanpunainen	rgb (255, 20, 147)	# FF1493
syvän taivaansininen	rgb (0, 191, 255)	# 00BFFF
himmeä	rgb (105, 105, 105)	#696969
hämärä	rgb (105, 105, 105)	#696969
värinsininen	rgb (30, 144, 255)	# 1E90FF
tulenkestävä tiili	rgb (178, 34, 34)	#B22222
kukkavalkoinen	rgb (255, 250, 240)	# FFFAF0
metsänvihreä	rgb (34, 139, 34)	#228B22
fuksia	rgb (255, 0, 255)	# FF00FF
gainsboro	rgb (220, 220, 220)	#DCDCDC
haamuvalkoinen	rgb (248, 248, 255)	# F8F8FF
kulta	rgb (255, 215, 0)	# FFD700
kultapiisku	rgb (218, 165, 32)	# DAA520
harmaa	rgb (128, 128, 128)	#808080
vihreä	rgb (0, 128, 0)	#008000
vihreä keltainen	rgb (173, 255, 47)	# ADFF2F
harmaa	rgb (128, 128, 128)	#808080
hunajameloni	rgb (240, 255, 240)	# F0FFF0
kuuma pinkki	rgb (255, 105, 180)	# FF69B4
intiaani	rgb (205, 92, 92)	# CD5C5C
indigo	rgb (75, 0, 130)	#4B0082
norsunluu	rgb (255, 255, 240)	# FFFFF0
khaki	rgb (240, 230, 140)	# F0E68C
laventeli	rgb (230, 230, 250)	# E6E6FA
laventelipuna	rgb (255, 240, 245)	# FFF0F5
nurmikonvihreä	rgb (124, 252, 0)	# 7CFC00
sitruunasifonki	rgb (255, 250, 205)	#FFFACD
vaaleansininen	rgb (173, 216, 230)	# ADD8E6
vaalea	rgb (240, 128, 128)	#F08080
vaaleasyaani	rgb (224, 255, 255)	# E0FFFF
kevytkullanruskea	rgb (250, 250, 210)	# FAFAD2
vaaleanharmaa	rgb (211, 211, 211)	# D3D3D3
vaaleanvihreä	rgb (144, 238, 144)	# 90EE90
vaalean harmaa	rgb (211, 211, 211)	# D3D3D3
vaalea pinkki	rgb (255, 182, 193)	# FFB6C1
kevytlohi	rgb (255, 160, 122)	# FFA07A
vaaleanvihreä	rgb (32, 178, 170)	# 20B2AA
vaaleansininen	rgb (135, 206, 250)	# 87CEFA
valonharmaa	rgb (119, 136, 153)	#778899
vaaleanharmaa	rgb (119, 136, 153)	#778899
vaaleateräksensininen	rgb (176, 196, 222)	# B0C4DE
vaaleankeltainen	rgb (255, 255, 224)	# FFFFE0
lime	rgb (0, 255, 0)	# 00FF00
limenvihreä	rgb (50, 205, 50)	#32CD32
liinavaatteet	rgb (250, 240, 230)	# FAF0E6
magenta	rgb (255, 0, 255)	# FF00FF
kastanjanruskea	rgb (128, 0, 0)	#800000
keskikokoinen akvamariini	rgb (102, 205, 170)	# 66CDAA
keskisuuri	rgb (0, 0, 205)	# 0000CD
keskikokoinen	rgb (186, 85, 211)	# BA55D3
keskivioletti	rgb (147, 112, 219)	#9370D8
keskimerenvihreä	rgb (60, 179, 113)	# 3CB371
keskilevynsininen	rgb (123, 104, 238)	# 7B68EE
keskikeväänvihreä	rgb (0, 250, 154)	# 00FA9A
keskiturkoosi	rgb (72, 209, 204)	# 48D1CC
keskivioletti	rgb (199, 21, 133)	#C71585
yönsininen	rgb (25, 25, 112)	#191970
minttu kerma	rgb (245, 255, 250)	# F5FFFA
mistyrose	rgb (255, 228, 225)	# FFE4E1
mokkasiini	rgb (255, 228, 181)	# FFE4B5
navajovalkoinen	rgb (255, 222, 173)	#FFDEAD
tummansininen	rgb (0, 0, 128)	#000080
vanha pitsi	rgb (253, 245, 230)	# FDF5E6
oliivi	rgb (128, 128, 0)	#808000
oliiviöljyä	rgb (107, 142, 35)	# 6B8E23
oranssi	rgb (255, 165, 0)	# FFA500
oranssinpunainen	rgb (255, 69, 0)	# FF4500
orkidea	rgb (218, 112, 214)	# DA70D6
vaalea kultainen rod	rgb (238, 232, 170)	# EEE8AA
vaaleanvihreä	rgb (152, 251, 152)	# 98FB98
lava turkoosi	rgb (175, 238, 238)	#MAKSUT
vaaleanpunainen	rgb (219, 112, 147)	#D87093
papaijapiiska	rgb (255, 239, 213)	# FFEFD5
persikanpuffia	rgb (255, 218, 185)	# FFDAB9
Peru	rgb (205, 133, 63)	# CD853F
vaaleanpunainen	rgb (255, 192, 203)	# FFC0CB
luumu	rgb (221, 160, 221)	# DDA0DD
puuterinsininen	rgb (176, 224, 230)	# B0E0E6
violetti	rgb (128, 0, 128)	#800080
punainen	rgb (255, 0, 0)	# FF0000
ruusunruskea	rgb (188, 143, 143)	# BC8F8F
kuninkaallisen sininen	rgb (65, 105, 225)	# 4169E1
Saddlebrown	rgb (139, 69, 19)	#8B4513
lohi	rgb (250, 128, 114)	# FA8072
hiekkaruskea	rgb (244, 164, 96)	# F4A460
meren vihreä	rgb (46, 139, 87)	# 2E8B57
kotilo	rgb (255, 245, 238)	# FFF5EE
Sienna	rgb (160, 82, 45)	# A0522D
hopea	rgb (192, 192, 192)	# C0C0C0
taivaansininen	rgb (135, 206, 235)	# 87CEEB
liuskekivi	rgb (106, 90, 205)	# 6A5ACD
liuskekiviharmaa	rgb (112, 128, 144)	#708090
liuskeenharmaa	rgb (112, 128, 144)	#708090
lumi	rgb (255, 250, 250)	#FFFAFA
keväänvihreä	rgb (0, 255, 127)	# 00FF7F
teräksensininen	rgb (70, 130, 180)	#4682B4
rusketus	rgb (210, 180, 140)	# D2B48C
tavi	rgb (0, 128, 128)	#008080
ohdake	rgb (216, 191, 216)	# D8BFD8
tomaatti	rgb (255, 99, 71)	# FF6347
turkoosi	rgb (64, 224, 208)	# 40E0D0
violetti	rgb (238, 130, 238)	# EE82EE
vehnä	rgb (245, 222, 179)	# F5DEB3
valkoinen	rgb (255, 255, 255)	# FFFFFF
valkoinen savu	rgb (245, 245, 245)	# F5F5F5
keltainen	rgb (255, 255, 0)	# FFFF00
keltavihreä	rgb (154, 205, 50)	# 9ACD32

Tiedätkö lisää värikoodeja? Pyydämme sinua lisäämään ne kommentteihin luettelon laajentamiseksi.