Spalvos ir deriniai (Color Picker)

Spalvos parinkimas

Suderintos spalvos

Spustelk spalvą – nukopijuosi kodą, dukart spustelk – ji taps pagrindine. Pažymėto derinio CSS kintamieji:

Kaip sudaroma spalva – įdomūs faktai

• RGBEkrane spalva sudaroma sumaišant tris šviesas – raudoną, žalią ir mėlyną (adityvusis maišymas). Kiekviena turi 256 lygius (0–255), todėl iš viso yra 256³ = 16 777 216 spalvų. Visos trys maksimaliai – balta, visos nulinės – juoda.
• HEX#3f5bd8 – tie patys trys baitai šešioliktaine sistema: 3f = 63 raudonos, 5b = 91 žalios, d8 = 216 mėlynos. Trumpinys #abc reiškia #aabbcc, o 8 ženklų #rrggbbaa dar turi permatomumą.
• HSL / HSVŽmogui patogiau galvoti ne skaičiais, o atspalviu (0–360° spalvų rate: 0 – raudona, 120 – žalia, 240 – mėlyna), sotimi ir šviesumu. Viršuje esanti panelė – būtent HSV modelis.
• CMYKSpaudoje viskas atvirkščiai – dažai šviesą sugeria (subtraktyvusis maišymas): žydra, purpurinė, geltona ir juoda (K – key). Dalies ryškių ekrano spalvų atspausdinti neįmanoma.
• AkisTinklainėje yra trijų rūšių kūgeliai, jautriausi trumpoms, vidutinėms ir ilgoms bangoms – todėl trijų spalvų ekranui ir užtenka. Žmogus skiria apie milijoną atspalvių.
• 1704Isaacas Newtonas prizme išskaidė baltą šviesą į spektrą, o knygoje „Optika“ spektrą sulenkė į ratą – tai pirmasis spalvų ratas. Priešingos rato spalvos vadinamos komplementariomis.
• MagentaPurpurinės spalvos spektre nėra – smegenys ją „susikuria“, kai akį vienu metu pasiekia raudona ir mėlyna šviesa, o žalios nėra.
• 1961Bauhauzo dėstytojas Johannesas Ittenas knygoje „Spalvų menas“ (Kunst der Farbe) aprašė spalvų kontrastus ir harmonijas. Iš jo darbų kilę komplementarūs, triadiniai ir kiti deriniai, naudojami ir šiame puslapyje.
• 60–30–10Dizaino taisyklė: 60 % ploto – pagrindinė (fono) spalva, 30 % – antrinė, 10 % – akcentas. Būtent todėl akcentinė spalva turi būti ryški, bet jos turi būti mažai.
• WCAGTeksto skaitomumui kontrastas tarp teksto ir fono turi būti bent 4,5:1 (stambiam tekstui 3:1, griežčiausias lygis – 7:1). Skalė – nuo 1:1 (vienodos spalvos) iki 21:1 (juoda ant baltos).
• DaltonizmasSpalvų matymo sutrikimų turi maždaug kas 12-as vyras ir kas 200-a moteris, dažniausiai painiojama raudona su žalia. Todėl svarbią informaciją verta rodyti ne vien spalva.
• Win32Windows (ir VB) spalvą COLORREF laiko atvirkščia baitų tvarka – &H00BBGGRR. Todėl VB kode raudona yra &H0000FF, o ne &HFF0000.
• 2014CSS spalvų sąraše atsirado rebeccapurple (#663399) – CSS pradininko Erico Meyerio mirusios dukters Rebeccos atminimui. Iš viso CSS turi apie 148 vardines spalvas.