Skaitmeninio dizaino pasaulyje spalvos vadinamos ne tik vardais kaip „žalia“ ar „mėlyna“. Jos nusakomos specialiais kodais, o dažniausiai sutinkamas - šešioliktainis spalvos kodas, arba trumpai HEX.
Šešioliktainių spalvų kodų pagrindai
Kai HTML (svetainių kūrimo kalba) dar tik žengė pirmuosius žingsnius, reikėjo būdo spalvoms aprašyti. Tada atsirado RGB spalvų sistema - raudona, žalia ir mėlyna. Tačiau augant technologijoms ir HTML sudėtingumui, prireikė universalesnio ir tikslesnio spalvų žymėjimo būdo.
Taip atsirado šešioliktainė sistema, trumpai „hex“. Tai 16-tainė skaičiavimo sistema, kurioje skaičiuojama iki 16, o ne iki įprastų 10. Taip gimė šešių simbolių spalvų kodai, leidžiantys išgauti milijonus atspalvių, kuriuos dizaineriai gali lengvai naudoti. Šešioliktainiai spalvų kodai yra naudojami dirbant su HTML bei kitomis programavimo kalbomis, taip pat su paveikslėlių bei video redagavimu. Be jų išsiversti praktiškai neįmanoma.

Kaip veikia HEX kodas?
Matydami kodą, pvz., #FFFFFF, žvelgiate į RGB spalvos išraišką. Pirmieji du simboliai žymi raudoną spalvą, kiti du - žalią, paskutiniai - mėlyną. Kiekviena pora gali būti nuo 00 iki FF (šešioliktainiai skaičiai). Taip sukuriami milijonai spalvų derinių!
Pavyzdžiui, kodas “#000000” atitinka juodą spalvą, o kodas “#FFFFFF” - baltą. Visos kitos spalvos yra minėtų spalvų šešioliktainių reikšmių intervale - tarp juodos ir baltos.
HTML kalboje naudojamas trijų bazinių spalvų - raudonos, žalios ir mėlynos (RGB - red-green-blue) kodas. Kodas yra šešių pozicijų šešioliktainis skaičius, kurio pirmi du skaitmenys atitinka raudonos, antri - žalios, treti - mėlynos spalvos intensyvumą. Dauguma spalvų turi ne tik kodus, bet ir savo pavadinimus. Jie gali būti naudojami vietoje tų spalvų kodų, jei taip yra patogiau.
Spalvų kodavimo sistemos: HEX, RGB, HSL, HSV, CMYK
Tačiau HEX - tik viena iš daugelio spalvų sistemų. Yra ir kitų, tokių kaip HSL (atspalvis, sodrumas, šviesumas), HSV (atspalvis, sodrumas, reikšmė) bei CMYK (cianas, magenta, geltona, juoda).
- RGB ir HEX dominuoja skaitmeniniuose ekranuose ir internete.
- CMYK dažniau naudojama spaudoje.
Įrankiai spalvų kodams nustatyti ir pasirinkti
Ar kada matėte nuostabų magentos gradientą svetainėje ir norėjote sužinoti tikslią jo spalvą? O gal radote tobulą žalią atspalvį žurnale ir panorote naudoti jį savo kūryboje? Būtent čia į pagalbą ateina HEX kodų ieškikliai, dar vadinami spalvų rinkikliais!
Spalvų kodų skaičiuoklės ir ieškikliai
Internete gausu įrankių, tokių kaip „Image Color Picker“, „RedKetchup“, „HTML Color Piker“, kurie leidžia įkelti PNG, JPG ar GIF ir išsirinkti spalvą tiesiai iš paveikslėlio. Yra ir paveikslėlių spalvos rinkiklių grafinėse programose - patogūs kasdieniai pagalbininkai.
Nurodę spalvą žemiau esančioje skaičiuoklėje (priklausomai nuo naudojamos interneto naršyklės, pvz., Chrome, Firefox, ir įrenginio - mobiliojo ar stacionaraus), galite pasirinkti spalvą ir gauti kodą. Arba tiesiog nusikopijuokite reikiamą spalvos kodą iš žemiau esančios spalvų kodų lentelės!
Spalvų (HTML) kodų skaičiuoklė: ši skaičiuoklė skirta gauti bet kokios spalvos kodui (HEX, RGB, HSL) formatu. Joje galite pasirinkti ir RGB arba HSL kodą.
HEX kodų ieškiklis leidžia užvesti pelės žymeklį ant bet kurio ekrano taško ir iškart gauti HEX (arba RGB) reikšmę. Jei dirbate su CSS ar HTML ir reikia tiksliai nuskaityti spalvą iš ekrano, tokie įrankiai - tikras išsigelbėjimas.

Spalvų fiksavimas iš realaus pasaulio
Darbalaukio programos dažnai turi išmanesnes funkcijas, pavyzdžiui, rodo analogiškas, papildomas ar triadines spalvų schemas. Mobiliosios programėlės leidžia spalvas „pagauti“ tiesiog fotografuojant arba renkantis iš jūsų nuotraukų. Šiuolaikiniai rinkikliai ar „pipetės“ gali fiksuoti realaus pasaulio spalvą ir paversti ją HEX ar RGB kodu. Kamera ir programinė įranga tikrą spalvą transformuoja į skaitmeninę.

Patarimai tiksliam spalvų rinkimui:
- Apšvietimas svarbus: ar renkate spalvą nuotraukoje, ar realybėje, šaltinis turi būti gerai apšviestas. Taip išgausite tikslesnę spalvą.
- Atkreipkite dėmesį į gradientus: spalva gradientuose gali keistis. Todėl išsirinkite konkretų trokštamos spalvos tašką.
- Integracija: rinkitės rinkiklį, kuris sklandžiai veikia su jūsų dizaino programa. Taip sutaupysite laiko ir užtikrinsite spalvų nuoseklumą.
Spalvų kodų lentelė (HEX)
Šioje lentelėje pateikti šešioliktainiai spalvų kodai (HEX), dažniausiai naudojami HTML bei kitose programavimo kalbose ar paveikslėlių, video redagavimo įrankiuose, tokiuose kaip Adobe Photoshop, MS Paint ar Filmora, DaVinci, Excel, Word ir pan.
| Kodas | Kodas | Kodas | Kodas | Kodas | Kodas |
|---|---|---|---|---|---|
| ffffff | ffffcc | ffff99 | ffff66 | ffff33 | ffff00 |
| ffccff | ffcccc | ffcc99 | ffcc66 | ffcc33 | ffcc00 |
| ff99ff | ff99cc | ff9999 | ff9966 | ff9933 | ff9900 |
| ff66ff | ff66cc | ff6699 | ff6666 | ff6633 | ff6600 |
| ff33ff | ff33cc | ff3399 | ff3366 | ff3333 | ff3300 |
| ff00ff | ff00cc | ff0099 | ff0066 | ff0033 | ff0000 |
| ccffff | ccffcc | ccff99 | ccff66 | ccff33 | ccff00 |
| ccccff | cccccc | cccc99 | cccc66 | cccc33 | cccc00 |
| cc99ff | cc99cc | cc9999 | cc9966 | cc9933 | cc9900 |
| cc66ff | cc66cc | cc6699 | cc6666 | cc6633 | cc6600 |
| cc33ff | cc33cc | cc3399 | cc3366 | cc3333 | cc3300 |
| cc00ff | cc00cc | cc0099 | cc0066 | cc0033 | cc0000 |
| 99ffff | 99ffcc | 99ff99 | 99ff66 | 99ff33 | 99ff00 |
| 99ccff | 99cccc | 99cc99 | 99cc66 | 99cc33 | 99cc00 |
| 9999ff | 9999cc | 999999 | 999966 | 999933 | 999900 |
| 9966ff | 9966cc | 996699 | 996666 | 996633 | 996600 |
| 9933ff | 9933cc | 993399 | 993366 | 993333 | 993300 |
| 9900ff | 9900cc | 990099 | 990066 | 990033 | 990000 |
| 66ffff | 66ffcc | 66ff99 | 66ff66 | 66ff33 | 66ff00 |
| 66ccff | 66cccc | 66cc99 | 66cc66 | 66cc33 | 66cc00 |
| 6699ff | 6699cc | 669999 | 669966 | 669933 | 669900 |
| 6666ff | 6666cc | 666699 | 666666 | 666633 | 666600 |
| 6633ff | 6633cc | 663399 | 663366 | 663333 | 663300 |
| 6600ff | 6600cc | 660099 | 660066 | 660033 | 660000 |
| 33ffff | 33ffcc | 33ff99 | 33ff66 | 33ff33 | 33ff00 |
| 33ccff | 33cccc | 33cc99 | 33cc66 | 33cc33 | 33cc00 |
| 3399ff | 3399cc | 339999 | 339966 | 339933 | 339900 |
| 3366ff | 3366cc | 336699 | 336666 | 336633 | 336600 |
| 3333ff | 3333cc | 333399 | 333366 | 333333 | 333300 |
| 3300ff | 3300cc | 330099 | 330066 | 330033 | 330000 |
| 00ffff | 00ffcc | 00ff99 | 00ff66 | 00ff33 | 00ff00 |
| 00ccff | 00cccc | 00cc99 | 00cc66 | 00cc33 | 00cc00 |
| 0099ff | 0099cc | 009999 | 009966 | 009933 | 009900 |
| 0066ff | 0066cc | 006699 | 006666 | 006633 | 006600 |
| 0033ff | 0033cc | 003399 | 003366 | 003333 | 003300 |
| 0000ff | 0000cc | 000099 | 000066 | 000033 | 000000 |
Ateities perspektyvos: AR ir dirbtinis intelektas
HEX kodų ieškikliai nuolat tobulėja, o ateitis atrodo dar spalvingesnė. AR (papildyta realybė) ir dirbtinis intelektas netrukus leis vos pagal vieną pasirinktą atspalvį pamatyti visą spalvų ratą. Įsivaizduokite, kad nukreipiate telefoną į mėlyną paukštį ir gaunate ne tik jo HEX ar RGB kodą, bet ir susijusių spalvų paletę, jų pavadinimus bei patarimus, kaip visa tai derinti savo projektuose.
Be to, AI ir dizaino sintezė leis gauti išmanių pasiūlymų. Pagal pasirinktą spalvą įrankiai galės rekomenduoti visą nuotaikų ar vizualinių temų lentą - tikrą kūrybos ir įkvėpimo užtaisą.
Skaitmeniniam dizainui vis labiau susipinant su fiziniu pasauliu, tokie įrankiai kaip HEX kodų ieškiklis išliks nepakeičiami. Nesvarbu, ar esate profesionalas, ar tiesiog norite priderinti namų sienų spalvą prie mėgstamos magentos iš žurnalo - galimybė užfiksuoti ir tiksliai atkurti spalvą veikia lyg magija jūsų rankose.

Dažniausiai užduodami klausimai (DUK)
Kuo skiriasi RGB spalvų sistema nuo HEX spalvos kodo?
Tiek RGB, tiek HEX skirti spalvoms perteikti skaitmeninėje erdvėje, tačiau jų formatai skiriasi. RGB reiškia raudona, žalia, mėlyna, o spalvos aprašomos kiekvienai iš jų priskiriant vertę, dažniausiai nuo 0 iki 255. HEX kodas - tai šešioliktainis RGB vertės variantas. Čia naudojama šešioliktainė sistema ir šešių simbolių kodas, kuriame kiekvieni du simboliai žymi atitinkamos spalvos intensyvumą.
Ar HEX ieškikliai veikia tik ekrane, ar gali atpažinti ir fizinių objektų spalvas?
Daugelis paprastų HEX ieškiklių skirti spalvoms rinkti tik ekrane. Tačiau technologijų pažanga leidžia rinkikliams ar „pipetėms“ spalvas nuskaityti ir nuo objektų realiame pasaulyje. Tokie įrankiai naudoja kamerą ir išmanią programinę įrangą, kad spalvas paverstų skaitmeniniais kodais.
Ar egzistuoja kitos spalvų sistemos, be HEX ir RGB?
Taip, be HEX ir RGB, naudojamos ir HSL (atspalvis, sodrumas, šviesumas), HSV (atspalvis, sodrumas, reikšmė), CMYK (cianas, magenta, geltona, juoda). RGB dominuoja internete, CMYK - spaudoje. Spalva yra dažniausiai naudojamų atributų HTML komandose ir viena iš pagrindinių priemonių formuojant HTML dokumentą.
Išbandykite Speechify AI Video Generator
Kalbant apie skaitmeninio pasaulio stebuklus - ar jau išbandėte Speechify AI Video Generator? Nesvarbu, ar naudojate iOS, Android ar PC, šis įrankis lengvai paverčia turinį į įtraukiančius vaizdo įrašus. Įsivaizduokite, kaip derinate savo dizaino įkvėpimus, gražiausius HEX kodus ir RGB paletes su interaktyviais vizualais! Vos keliais paspaudimais jūsų dizainas gali atgyti ir įtraukti žiūrovus. Norite pabandyti? Išmėginkite Speechify AI Video Generator jau šiandien!
tags: #sesioliktainis #spalvos #kodas
