Šis spalvų parinkiklis pradeda nuo vaizdinio pavyzdžio, o tikslius skaičius laiko šalia. Galite įklijuoti CSS hex reikšmę, pavyzdžiui, #3366cc, tikslinti raudoną, žalią, mėlyną ir alfa kanalus, arba reguliuoti atspalvį, sodrumą ir šviesumą dirbdami su dizaino sistema. Jokios spalvų reikšmės neįkeliamos - konvertavimas vyksta lokaliai su JavaScript.
Nemokamas spalvų parinkiklis
Veikia tik jūsų naršyklėje - nieko neįkeliama, registracija nereikalinga.
Pasirinkta#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Kas yra spalvų parinkiklis?
Spalvų parinkiklis yra įrankis tiksliai skaitmeninei spalvai pasirinkti ir jos reikšmėms nukopijuoti dizainui arba kodui. Naudokite spalvos pavyzdį, HEX lauką, RGB slankiklius arba HSL valdiklius, tada iškart kopijuokite HEX, RGB, HSL, HSV arba CMYK reikšmes. Viskas vyksta jūsų naršyklėje.
Kaip naudotis
- 1Pasirinkite arba įklijuokite spalvą. Spustelėkite didelį pavyzdį, kad atidarytumėte naršyklės spalvų parinkiklį, arba įklijuokite 3, 4, 6 ar 8 skaitmenų hex reikšmę į HEX lauką.
- 2Koreguokite kanalus. Naudokite RGB slankiklius raudonai, žaliai, mėlynai ir alfa reikšmei, arba redaguokite atspalvį, sodrumą ir šviesumą, kai norite dizainui patogesnio valdymo.
- 3Nukopijuokite reikiamą formatą. Vienu spustelėjimu kopijuokite HEX, HEX8, RGB, HSL, HSV arba CMYK. Peržiūra ir kiekviena išvestis atsinaujina gyvai.
Kam pravers
- Front-end kūrėjams, kopijuojantiems CSS paruoštas HEX, RGB ir HSL reikšmes kuriant sąsajas.
- Dizaineriams, tikslinantiems prekės ženklo spalvą pagal kanalus, o ne spėliojant grafikos programoje.
- Rinkodaros komandoms, derinančioms kampanijų spalvas e-mail kūrimo įrankiuose, dokumentuose ir socialinių tinklų medžiagoje.
- Studentams ir kūrėjams, kurie mokosi, kaip RGB, HSL, HSV ir CMYK aprašo tą pačią spalvą.
DUK
Ar šis spalvų parinkiklis nemokamas?
Taip. Spalvų parinkiklis yra nemokamas, be registracijos ir be naudojimo limito. Atidarykite puslapį, pasirinkite spalvą ir nukopijuokite reikiamą formatą.
Ar mano spalvos kur nors įkeliamos?
Ne. Parinkiklis ir konvertavimas veikia jūsų naršyklėje su paprastu JavaScript. Pasirinktos spalvos nesiunčiamos į serverį.
Kokius spalvų formatus galiu kopijuoti?
Galite kopijuoti HEX, 8 skaitmenų HEX su alfa, RGB arba RGBA, HSL arba HSLA, HSV ir CMYK. Įrankis juos sinchronizuoja, kol redaguojate.
Ar galiu įklijuoti hex spalvą?
Taip. Įklijuokite 3, 4, 6 arba 8 skaitmenų CSS hex reikšmes, su simboliu # arba be jo. Sutrumpintos reikšmės išplečiamos pagal įprastas CSS taisykles.
Kas yra HEX8?
HEX8 yra 8 skaitmenų hex spalva, kurios paskutinė pora saugo alfa reikšmę. Pavyzdžiui, #3366cc80 yra ta pati mėlyna su maždaug 50 % nepermatomumu.
Ar CSS naudoti RGB, ar HSL?
RGB naudokite, kai reikia tikslių kanalų reikšmių arba alfos su rgba(). HSL naudokite, kai norite kurti šviesesnes, tamsesnes ar susijusias UI būsenas keičiant sodrumą ir šviesumą.