Spalvų parinkiklis ir paletės generatorius nemokamai
Rinkitės spalvas, konvertuokite tarp HEX/RGB/HSL ir generuokite harmoningas paletes.
RGB
HSL
Daugiau formatų
WCAG kontrastas
Artimiausia pavadinta spalva: dodgerblue · Juodą tekstą čia skaityti lengviau (5,71:1)
Atspalviai ir tonai (50–950)
Spalvų paletė
Papildoma
Triadinė
Analogiška
Monochromatiška
Dažniausi naudojimo būdai
- Spalvų parinktuvas tinklavės dizainuiParinkite ir generuokite savo tinklalapio spalvas — gaukite HEX, RGB ir HSL vertes ir harmoninges paletes.
- Spalvų parinktuvas prekės ženklamsSukurkite savo prekės ženklo spalvų paletę — pasirinkite primarias, antrinės ir akcentines spalvas, kurios dirba kartu.
- Spalvų parinktuvas socialinei žiniasklaidaiSukurkite patrauklias spalvų paletes socialinės žiniasklaidos įrašams, pasakojimams ir profilio dizainams.
- Spalvų parinktuvas spausdinimo dizainuiPasirinkite spalvas atspausdinamoms medžiagoms — skrajutes, vizitines korteles, broširius — naudojant tikslų spalvų peržiūrą.
- Spalvų parinktuvas prezentacijomsSuprojektuokite skaidrių spalvų schemas — pasirinkite skaitydamos teksto spalvas, grafikų paletes ir nuoseklias akcentines atspalvius.
Kaip tai veikia
Viskas vyksta tiesiogiai jūsų naršyklėje, naudojant rankomis parašytą konvertavimo matematiką — jokios spalvų bibliotekos, jokio kreipimosi į serverį. Spalvą pasirenkate per naršyklės natyvų spalvos įvesties elementą arba EyeDropper API, ir įrankis akimirksniu ją konvertuoja į šešis formatus, taip pat apskaičiuoja WCAG kontrasto santykius ir sugeneruoja harmonijos paletes.
- 1Spalvos įvestis per natyvų APISpalvą pasirenkate per naršyklės įtaisytą <input type="color"> valdiklį, arba — Chromium pagrindu veikiančiose naršyklėse — EyeDropper API leidžia paimti bet kokį pikselį iš jūsų ekrano. Abu keliai grąžina HEX eilutę, kuri tampa vieninteliu tiesos šaltiniu.
- 2Rankomis parašyti formatų konvertavimaiĮrankis konvertuoja HEX reikšmę į RGB, HSL, HSV, CMYK ir OKLCH, naudodamas savas matematines funkcijas (be išorinės bibliotekos). OKLCH konvertavimas linearizuoja sRGB kanalus, taiko OKLab kubinės šaknies matricą, tada išveda chroma ir atspalvio kampą — atitinkant modernią CSS Color Level 4 išvestį.
- 3WCAG kontrasto santykio skaičiavimasSantykinis šviesumas apskaičiuojamas iš linearizuotų RGB kanalų, naudojant WCAG 2.x formulę. Tada įrankis apskaičiuoja kontrasto santykius su gryna balta ir gryna juoda spalva ir pažymi juos kaip AA-didelis, AA, AAA arba nepavyko pagal WCAG ribas (3:1, 4,5:1, 7:1).
- 4Harmonijos paletės generavimas ir vietinis išsaugojimasPapildomieji, trejybiniai, analogiški ir monochromatiniai pavyzdžiai išvedami sukant ar žingsniuojant HSL atspalvio ir šviesumo reikšmes matematiškai. Išsaugotos paletės įrašomos į jūsų naršyklės localStorage — niekas nepalieka jūsų įrenginio.
Susiję įrankiai
Atsitiktinių spalvų generatorius
Generuok atsitiktines spalvas po vieną arba kaip penkių spalvų paletę, užrakink patikusias, kopijuok HEX, RGB ar HSL reikšmes ir eksportuok paletę kaip PNG arba CSS.
Spalvų konverteris
Momentaliai konvertuokite spalvas tarp HEX, RGB, HSL, HSV ir CMYK formatų. Apima šviesumo skalę ir iš anksto nustatytas spalvas.
Vaizdo spalvų paletės ištraukiklis
Ištraukite dominuojančias spalvas iš bet kokio vaizdo naudodami k-vidurkių spalvų kvantizavimą. Gaukite šešioliktainius kodus 2–16 pagrindinių jūsų nuotraukos ar logotipo spalvų.