Վերնագիր

Գույնի ընտրիչ

Տեղադրեք, տեղադրեք (Ctrl+V) կամ սեղմեք՝ վերբեռնելու համար

Տասնվեցական
#888888
RGB
rgb(136, 136, 136)
HSL
hsl(0, 0%, 53%)
HSV
hsv(0, 0%, 53%)

Վերբեռնեք լուսանկար՝ գույներ ընտրելու համար

Կամ փորձեք նմուշ՝

Նմուշ 1
Նմուշ 2
Նմուշ 3

Գունային պալիտրա

Գույներ՝ 3

Գույների ընտրիչ և արդյունահանող – անվճար առցանց գործիք

Մեր անվճար առցանց գունային արդյունահանիչը թույլ է տալիս լուսանկարից ընտրել ցանկացած գույն մեկ սեղմումով՝ առանց որևէ ծրագրի տեղադրման և առանց հաշվի անհրաժեշտության: Վերբեռնեք ձեր պատկերը, պահեք մկնիկը մեծացնելու համար, սեղմեք ցանկացած պիքսելի վրա՝ անմիջապես տեսնելու դրա HEX, RGB, HSL և HSV արժեքները, այնուհետև ստեղծեք ամբողջական գունային պալիտրա ձեր ընտրած գույնից: Ներբեռնեք արդյունքները ցանկացած պահի:

Ինչպես ընտրել գույները լուսանկարից

1
Վերբեռնեք ձեր պատկերը

Լուսանկարը գցեք վահանակի վրա, սեղմեք Վերբեռնել լուսանկար, կամ տեղադրեք Ctrl + V-ով: Աջակցում է JPEG, PNG, WebP, HEIC & GIF ձևաչափերը:

2
Սեղմեք՝ գույն ընտրելու համար

Մեծացնելու համար պահեք մկնիկը պատկերի վրա, այնուհետև սեղմեք ցանկացած տեղ՝ այդ պիքսելի գույնը ստանալու համար: HEX, RGB, HSL և HSV արժեքները հայտնվում են անմիջապես:

3
Պատճենել կամ ստեղծել պալիտրա

Սեղմեք ցանկացած արժեքի դաշտի վրա՝ այն սեղմատախտակում պատճենելու, գույները հետագայի համար պահպանելու կամ ամբողջական գունային պալիտրա ստեղծելու և այն որպես CSS փոփոխականներ կամ PNG նմուշի շերտ արտահանելու համար։

Հիմնական առանձնահատկությունները

  • Չորս գունային ձևաչափեր – դիտեք և պատճենեք ընտրված գույնը HEX, RGB, HSL և HSV ձևաչափերով՝ մեկ սեղմումով ցանկացած արժեքի դաշտի վրա։
  • Պիքսելային ճշգրտությամբ խոշորացույց – շրջանաձև մեծացնող օբյեկտիվը հետևում է ձեր կուրսորին, որպեսզի կարողանաք ճշգրիտ նշել ցանկալի պիքսելը։
  • 8 տեսակի պալիտրա – ստեղծել անալոգային, լրացուցիչ, եռյակային, քառյակային, բաժանված-լրացուցիչ, մոնոքրոմատիկ, երանգների կամ երանգների պալիտրա՝ 3-10 նմուշներով։
  • Արտահանման տարբերակներ – միանգամից պատճենեք բոլոր HEX կոդերը պալիտրա, ներբեռնեք PNG նմուշի շերտ կամ արտահանեք պալիտրաը որպես CSS-ի հատուկ հատկություններ (:root փոփոխականներ):
  • Պահպանված գույներ – ցանկացած գույն ավելացրեք ձեր զննարկիչում պահված անձնական պահպանված գույների վահանակին. ջնջեք դրանք, երբ ցանկանաք։
  • HEIC աջակցություն – iPhone-ի լուսանկարները HEIC/HEIF ձևաչափով ավտոմատ կերպով փոխակերպվում են գույնի ընտրությունից առաջ։
  • Ամբողջությամբ աշխատում է ձեր զննարկիչում – ձեր լուսանկարները երբեք չեն վերբեռնվում որևէ սերվերի վրա։
  • Անվճար և անսահմանափակ - գրանցում չկա, ջրանիշներ չկան, սահմանափակումներ չկան։

Ի՞նչ է գույնի արդյունահանողը։

Գույնի արդյունահանողը (կամ պատկերի գույնի ընտրիչը) գործիք է, որը կարդում է լուսանկարում ցանկացած պիքսելի ճշգրիտ գույնը և այն փոխակերպում է դիզայնի և մշակման մեջ օգտագործվող ստանդարտ գունային կոդերի: Գույնը աչքով տեսնելու կամ արժեքները ձեռքով մուտքագրելու փոխարեն, դուք պարզապես սեղմում եք ձեզ հետաքրքրող կետի վրա, և գործիքը կատարում է փոխակերպումը՝ սկսած ձեր էկրանին ցուցադրվող RGB հում արժեքներից մինչև գրաֆիկական դիզայնի աշխատանքային հոսքերում օգտագործվող HSL և HSV ներկայացումները:

Գունային պալիտրա գեներատորը սա մեկ քայլ առաջ է տանում. երբ դուք ընտրել եք հիմնական գույնը, այն կիրառում է գույների տեսությունը՝ ստեղծելու համար ներդաշնակ գունային սխեմաներ, որոնք պատրաստ են անմիջապես օգտագործելու CSS-ում, Figma-ում կամ ցանկացած դիզայնի գործիքում:

Հաճախակի կիրառություններ

  • Ապրանքանիշի գույնի արդյունահանում – լոգոյից կամ ապրանքանիշի լուսանկարից ճշգրիտ HEX կոդեր հանել՝ կայքում կամ դիզայնի համակարգում հետևողականորեն օգտագործելու համար։
  • Վեբ և UI դիզայն – համապատասխանեցրեք գույները ապրանքի պատկերին կամ գլխավոր հերոսի լուսանկարին, որպեսզի ձեր դասավորությունը ներդաշնակ լինի։
  • Պալիտրա ստեղծում – սկսեք մեկ հիմնական գույնից և ստեղծեք նախագծի համար լիարժեք լրացուցիչ կամ անալոգային սխեմա։
  • Տպագրություն և նկարազարդում – ներկը խառնելուց կամ տպագրության պրոֆիլը կարգավորելուց առաջ ճշգրիտ RGB արժեքներ գտնելու համար վերցեք հղման լուսանկարներ:
  • CSS թեմատիկա – արտահանել պալիտրա փոփոխականները անմիջապես a-ի մեջ :root բլոկ՝ ուղղակիորեն ոճաթերթիկի մեջ տեղադրելու համար։

Հաճախակի տրվող հարցեր

Այո, գործիքը 100% անվճար է՝ առանց օգտագործման սահմանափակումների: Ձեզ հարկավոր չէ հաշիվ ստեղծել կամ որևէ վճարման տեղեկատվություն տրամադրել:
Ոչ։ Բոլոր մշակումները կատարվում են ամբողջությամբ ձեր զննարկչի ներսում՝ օգտագործելով HTML5 Canvas API-ը։ Ձեր պատկերը երբեք չի ուղարկվում որևէ սերվերի, ուստի ձեր գաղտնիությունը լիովին պաշտպանված է։
Գործիքը ցույց է տալիս ընտրված գույնը միաժամանակ չորս ձևաչափով՝ HEX (օրինակ՝ #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), և HSV (hsv(216, 73%, 84%)). Սեղմեք ցանկացած դաշտի վրա՝ այն անմիջապես պատճենելու համար։
Երբ դուք տեղաշարժում եք կուրսորը պատկերի վրայով, կուրսորի մոտ հայտնվում է շրջանաձև խոշորացույց, որը ցույց է տալիս շրջակա պիքսելների մեծացված տեսքը: Սա հեշտացնում է ցանկալի պիքսելի նույնականացումը և սեղմումը, հատկապես մանր մանրամասներով կամ նուրբ գունային անցումներով լուսանկարներում:
Սեղմեք պատկերի վրա ցանկացած պիքսել՝ հիմնական գույնը սահմանելու համար, այնուհետև գլորեք ներքև՝ Գունային պալիտրա բաժին։ Ընտրեք պալիտրա տեսակը (անալոգային, լրացուցիչ, եռյակային և այլն) և քաշեք հաշվի սահիկը՝ 3-10 նմուշ ընտրելու համար։ Պալիտրաը թարմացվում է անմիջապես։ Օգտագործեք Պատճենել գույները, Ներբեռնել PNG-ն, կամ Արտահանել CSS-ը արդյունքն օգտագործելու համար։
Արտահանել CSS պատճենները :root { } բլոկ, որը պարունակում է յուրաքանչյուր պալիտրա գույնը որպես CSS-ի հատուկ հատկություն (օրինակ՝ --color-1: #3a7bd5;)։ Դուք կարող եք սա ուղղակիորեն տեղադրել ձեր ոճաթերթում և հղում կատարել փոփոխականներին ձեր ամբողջ նախագծի ընթացքում։
Այո։ HEIC և HEIF ֆայլերը ավտոմատ կերպով փոխակերպվում են JPEG-ի ձեր զննարկիչում՝ նախքան պատկերի ցուցադրումը։ Փոխակերպման ընթացքում հայտնվում է բեռնման ցուցիչ, և մեր սերվերներին ֆայլեր չեն ուղարկվում։