Vienspalvių spalvų generatorius
Šiuo vienspalvių spalvų generatoriumi sukurkite paletę iš vienos pagrindinės spalvos. Įveskite 3 arba 6 skaitmenų šešioliktainį kodą – įrankis išlaikys jo atspalvį ir sodrumą, o šviesumą keis po 30 ir 15 punktų abiem kryptimis, neperžengdamas 10–90 procentų ribų. Rezultate pateikiami penki atspalviai ir atspalvio variantai šešioliktainiais kodais, o pagrindinė spalva yra viduryje. Puikiai tinka dizaineriams ir kūrėjams, kuriantiems ramias, nuoseklias UI spalvų skales ir temas.
Dažnai užduodami klausimai
Kokius rezultatus pateikia vienspalvių spalvų generatorius?
Pateikiamos penkios spalvos šešių skaitmenų mažosiomis raidėmis užrašytais šešioliktainiais kodais. 3-ioji spalva yra pagrindinė, 1-oji ir 2-oji – tamsesnės to paties atspalvio versijos, o 4-oji ir 5-oji – šviesesnės.
Kaip apskaičiuojami atspalvių variantai?
Įrankis jūsų šešioliktainį kodą konvertuoja į HSL ir keičia tik šviesumą: atima 30 ir 15, tada prideda 15 ir 30 procentinių punktų. Atspalvis ir sodrumas išlieka tokie patys, todėl visos penkios spalvos priklauso tai pačiai spalvų grupei.
Ar yra apatinė arba viršutinė šviesumo riba?
Taip. Tamsesni žingsniai nenusileidžia žemiau 10 procentų šviesumo, o šviesesni neviršija 90 procentų, todėl skalėje nėra visiškai juodos ar visiškai baltos spalvos.
Kodėl naudojant labai tamsias arba labai šviesias pagrindines spalvas gaunu pasikartojančias ar netikėtas spalvas?
Dėl 10 ir 90 procentų ribų kraštiniai žingsniai susilieja į tą pačią reikšmę. Naudojant #000000, abu tamsesni žingsniai tampa #1a1a1a, kuri yra šviesesnė už pagrindinę spalvą, o naudojant #ffffff abu šviesesni žingsniai tampa #e6e6e6.
Kokią paletę suteikia gryna raudona spalva?
Naudojant #ff0000, įrankis pateikia #660000, #b30000, #ff0000, #ff4d4d ir #ff9999. Raudonos spalvos šviesumas yra 50 procentų, todėl gaunamas visas diapazonas: du tamsesni ir du šviesesni žingsniai.
Kokius spalvų formatus galiu įvesti?
Įveskite vieną 3 arba 6 skaitmenų šešioliktainį kodą su # ženklu arba be jo, pavyzdžiui, #3366cc arba 36c. RGB ir HSL užrašai bei spalvų pavadinimai nepriimami, todėl pirmiausia konvertuokite juos į šešioliktainį kodą.
Kodėl pagrindinė spalva grąžinama šiek tiek pasikeitusi?
Atspalvis, sodrumas ir šviesumas suapvalinami iki sveikųjų skaičių, todėl konvertuojant į HSL ir atgal vienas spalvos kanalas gali pasislinkti per vieną reikšmę. Pavyzdžiui, #ff5733 skalės viduryje rodomas kaip #ff5833.
Ar jis tinka pilkiems atspalviams?
Taip. Kitaip nei atspalviu pagrįstose schemose, vienspalvėje skalėje keičiamas šviesumas, todėl iš pilkos spalvos gaunami šviesesni ir tamsesni pilki atspalviai. Juodos ir baltos spalvų šviesumą riboja anksčiau aprašytas 10–90 procentų diapazonas.
Kaip naudoti vienspalvę paletę sąsajoje?
Tekstui ir rėmeliams naudokite tamsiausias spalvas, pagrindinėms veiksmų parinktims – pagrindinę spalvą, o fonams ir užvedimo būsenoms – šviesiausias. Patikrinkite teksto kontrastą naudodami WCAG kontrasto tikrintuvą, nes gretimų žingsnių šviesumas skiriasi tik 15 punktų.
Ar rezultatas sutampa su spalvų paletės generatoriaus rezultatu?
Taip. Šis įrankis veikia lygiai taip pat kaip spalvų paletės generatoriaus parinktis „Monochromatic“, todėl abiejų įrankių pateikti penki šešioliktainiai kodai tai pačiai pagrindinei spalvai sutampa.