Մուտք գործեք ձեր հաշիվ

Բարի վերադարձ

Ընտրեք, թե ինչ տեսակի իր ավելացնել այս հավաքածուին

Ձեր հավաքածուն հաջողությամբ ստեղծվել է

Ի՞նչ կպարունակի այս հավաքածուն։

Ավելացրեք հավաքածու՝ ձեր իրերը կազմակերպելու համար

Նյութը հաջողությամբ ավելացվել է հավաքածուին

Նյութը հեռացվել է հավաքածուից

Ստեղծեք ձեր առաջին հավաքածուն՝ ձեր գույները կազմակերպելու համար

Ավելացրեք գույներ, պալիտրա կամ գրադիենտներ այս հավաքածուին

Դիտել և կառավարել հավաքածուի տարրերը

Նույն պայծառության և հագեցվածության երեք գույներ՝ գունային անիվի վրա հարևան երանգներով, միմյանցից 30 աստիճան հեռավորության վրա։ Հարթ անցումներ։

Color blindness affects approximately 1 in 12 men and 1 in 200 women worldwide. This simulator helps designers, developers, and content creators understand how their color choices appear to people with various forms of color vision deficiency.

By testing your colors through different color blindness simulations, you can ensure your designs are accessible and effective for all users. This tool simulates the most common types of color vision deficiency including Protanopia, Deuteranopia, Tritanopia, and complete color blindness.

Understanding Color Blindness

Տեղեկատվություն փոխանցելու համար օգտագործեք հակադրություն և նախշեր գույնի հետ մեկտեղ։

Ավելի լավ դիզայն

Կապույտ-դեղին կուրություն (տրիտանոպիա)

Գույնի կոդ

Կոնտրաստի ստուգիչ

Ստուգեք, թե ինչպես են գույնը ընկալվում տարբեր տեսակի գունային կուրություն ունեցող մարդկանց կողմից՝ ավելի մատչելի դիզայններ ստեղծելու համար: Գույների ընկալումը հասկանալը կօգնի ապահովել, որ ձեր բովանդակությունը հասանելի լինի բոլորի համար:

Գրադիենտի ստեղծող

Color alone should never be the only way to convey information. Testing with this simulator helps identify potential issues.

Why It Matters

Ստեղծեք անվճար հաշիվ՝ տարբեր տեսակի գունային կուրություն ունեցող մարդկանց համար գույների տեսքը մոդելավորելու համար։

Գրանցվեք՝ Blindness Simulator-ին մուտք գործելու համար

Ահա թե ինչպես է գույնը երևում նորմալ գունային տեսողության դեպքում։

Կարմիր-կանաչ կուրություն (պրոտանոպիա)

Առնչվող մատչելիության գործիքներ

Տղամարդկանց 8%-ը և կանանց 0.5%-ը ունեն գունային տեսողության որևէ տեսակի խանգարում։

Ազդեցություն

Կուրության սիմուլյատոր

Լրիվ գունային կուրություն

Մասնակի գունային կուրություն

Աքրոմատոմալիա

Աքրոմատոպսիա

Դեյտերանոմալիա

Դեյտերանոպիա

Պրոտանոմալիա

Պրոտանոպիա

Տրիտանոմալիա

Տրիտանոպիա

Կարմիր-կանաչ կուրությունը ամենատարածվածն է, որն ազդում է կարմիրի և կանաչի ընկալման վրա։

Տեսակներ

Perfect for UI design, data visualization, branding, and any visual content that relies on color differentiation.

Use Cases

Մեր առաջադեմ գունային վերլուծության գործիքը համապարփակ պատկերացում է տալիս գույների հատկությունների, ներդաշնակությունների և հոգեբանական ազդեցությունների վերաբերյալ: Հիանալի է դիզայներների, մշակողների և նկարիչների համար, ովքեր ցանկանում են հասկանալ գույների տեխնիկական և հուզական կողմերը:

Վերլուծեք գունային ներդաշնակությունները, հոգեբանական ազդեցությունը, տեխնիկական բնութագրերը և մատչելիության չափանիշները: Կայացրեք տեղեկացված որոշումներ ձեր նախագծերում գույների օգտագործման վերաբերյալ՝ տվյալների վրա հիմնված վերլուծությունների և գունային տեսության մասնագիտական կիրառությունների միջոցով:

Գույների վերլուծության ըմբռնումը

Մասնագիտական գունային պատկերացումներ և ներդաշնակություն

Գույների ամբողջական վերլուծություն

Սառը գույն՝ հանգիստ և պրոֆեսիոնալ

Վերլուծեք գունային հատկությունները առաջադեմ չափանիշներով, ներառյալ սպեկտրալ կազմը, գունային մաքրությունը, մետամերիզմի էֆեկտները և ընկալման բնութագրերը: Այս գործիքները խորը պատկերացում են տալիս գունային վարքագծի և տեսքի մասին տարբեր դիտարկման պայմաններում:

Անհրաժեշտ է ապրանքանիշի միասնական ինքնություն ստեղծելու, դիզայնի գույների ներդաշնակությունն ապահովելու և թվային ու տպագիր լրատվամիջոցներում հետևողականությունը պահպանելու համար: Մեր գույների վերլուծության գործիքը համապարփակ պատկերացում է տրամադրում պրոֆեսիոնալ դիզայներների համար:

Դիզայն և բրենդինգ

Ստեղծեք լրացուցիչ, եռյակային և անալոգային գունային սխեմաներ՝ հիմնվելով գունային անիվի հարաբերությունների վրա

Գույների ներդաշնակություն

Ստեղծեք անվճար հաշիվ՝ գունային համապարփակ վերլուծություն և չափանիշներ դիտելու համար։

Գրանցվեք՝ գունային վերլուծությանը մուտք գործելու համար

Հասկանալ գույների հոգեբանությունը և մարքեթինգային արշավների վրա ունեցած հուզական ազդեցությունը: Վերլուծել, թե ինչպես են գույները ազդում օգտատերերի վարքագծի և թվային մարքեթինգային ռազմավարություններում փոխակերպման մակարդակի վրա:

Մարքեթինգ և հոգեբանություն

Մուտք գործեք գունային մանրամասն սպեցիֆիկացիաների, այդ թվում՝ RGB, HSL, LAB արժեքների և լուսավորության հաշվարկների

Տեխնիկական չափանիշներ

Չեզոք ջերմաստիճան - հավասարակշռված

Պալիտրա գեներատոր

Հասկանալ, թե ինչպես են գույները երևում տարբեր լուսավորության պայմաններում և տարբեր լսարանների համար

Տեսողական ընկալում

Ինչպես են գույները երևում մարդու տեսողությանը, ներառյալ մաքրությունը, գերիշխանությունը և ընկալվող պայծառությունը։

Ընկալման հատկություններ

Գույների վերլուծության մասնագիտական կիրառություններ

Ուսումնասիրեք օգտատիրոջ վարքագծի և ընկալման վրա ազդող հուզական և հոգեբանական ասոցիացիաները

Գույների հոգեբանություն

Առնչվող գունային գործիքներ

Տեխնիկական կիրառությունների համար գունային ճշգրիտ չափումներ՝ հիմնված գունաչափության և սպեկտրալ վերլուծության վրա։

Գիտական վերլուծություն

Գույների վերլուծություն

Ջերմ գույն - էներգետիկ և գրավիչ

Վերլուծեք գույները վեբ հասանելիության համապատասխանության համար, ստեղծեք CSS գունային կոդեր և ապահովեք օպտիմալ ընթեռնելիություն: Հիանալի է frontend մշակողների համար, որոնք կենտրոնանում են օգտագործողի փորձի և WCAG ուղեցույցների վրա:

Վեբ մշակում

Յուրաքանչյուր ներդաշնակություն ունի իր տրամադրությունը։ Օգտագործեք ներդաշնակությունները՝ գաղափարներ մշակելու համար, որոնք լավ կհամապատասխանեն միմյանց։

Օգտագործեք մեկ գերիշխող գույն, աջակցեք երկրորդականով և շեշտադրեք խնայողաբար։

Ապահովեք բավարար հակադրություն՝ ընթեռնելիության և մատչելիության համար։

Գույները պետք է համատեղ աշխատեն՝ միասնական տեսողական փորձառություն ստեղծելու համար։

Գույների տեսության սկզբունքներ

Գույնը և դրա հակադիրը գունային անիվի վրա՝ +180 աստիճան երանգ։ Բարձր հակադրություն։

Գույների իմաստները տարբերվում են մշակույթներում՝ կրելով տարբեր խորհրդանշական նշանակություն ամբողջ աշխարհում։

Մշակույթ

Ուսումնասիրեք գույների գեղարվեստական և հոգեբանական կողմերը, ներառյալ սեզոնային ասոցիացիաները, հուզական ազդեցությունը, բնական երևույթները, պատմական գունանյութերը և գույների խառնուրդի բաղադրատոմսերը ստեղծագործական կիրառությունների համար։

Ստեղծեք անվճար հաշիվ՝ գույների ստեղծագործական և գեղարվեստական չափերը ուսումնասիրելու համար։

Գրանցվեք՝ Creative Aspects-ին մուտք գործելու համար

Գույների բնական առկայությունը ոգեշնչում է դիզայնը և կապում մեզ շրջակա միջավայրի հետ։

Բնություն

Գույները ազդում են հույզերի և վարքի վրա ժամանակի ընթացքում ձևավորված հոգեբանական ասոցիացիաների միջոցով։

Հոգեբանություն

Ստեղծագործական ասպեկտներ

Սեղմեք ցանկացած գույնի վրա՝ դրա տասնվեցական արժեքը պատճենելու համար: Այս համադրությունները մաթեմատիկորեն ապացուցված են, որ ստեղծում են տեսողական ներդաշնակություն:

Գունային ներդաշնակությունները հավասարակշռություն են ստեղծում և ձեր դիզայնում առաջացնում են որոշակի հույզեր։

Ստացեք օգտակար գունային տեղեկատվություն 123456 գույնի մասին, ինչպիսիք են փոխակերպումը, համակցությունները, կուրության սիմուլյացիան և այլն:

HTML գույնի ընտրիչ՝ 123456

Նույն երանգի երեք գույներ՝ +/-50% պայծառությամբ։ Նուրբ և նուրբ։

Տերմինալի գույները, բայթային կոդավորումը և ծրագրավորման համար նախատեսված տվյալների ձևաչափերը։

Զարգացում

Փոխակերպեք գույները գործնական ձևաչափերի՝ իրական աշխարհի կիրառությունների համար, ներառյալ տպագրության սիմուլյացիան, LED էկրանները, տերմինալի ելքը և տվյալների կոդավորումը: Այս ձևաչափերը կօգնեն ձեզ իրականացնել գույները տարբեր լրատվամիջոցներում, հարթակներում և ֆիզիկական սարքերում:

Կառավարեք LED շերտերը, RGB լուսավորությունը և ցուցադրման սարքավորումները ճշգրիտ արժեքներով:

Թվային էկրաններ

Ստեղծեք անվճար հաշիվ՝ բոլոր գործնական գունային ձևաչափերի արժեքները դիտելու և պատճենելու համար։

Գրանցվեք՝ գործնական ձևաչափերին մուտք գործելու համար

Մոդելավորեք, թե ինչպես են գույները երևում CMYK թանաքներով տպելիս ֆիզիկական կրիչների վրա։

Տպագրություն և արտադրություն

Գործնական ձևաչափեր

Ստացեք ակնթարթային մուտք ձեր նախագծերի բոլոր գունային ձևաչափերի փոխակերպումներին։

Մուտք գործեք բոլոր գործնական ձևաչափերին

Ավելի մուգ տարբերակներ, որոնք ստեղծվում են ձեր հիմնական գույնին սև ավելացնելով։

Մեկ գույն և երկուսը՝ դրա լրացմանը հարակից, +/-30 աստիճան երանգի տարբերություն՝ հիմնական գույնի հակառակ արժեքից։ Համարձակ՝ ինչպես ուղիղ լրացումը, բայց ավելի բազմակողմանի։

Ավելի լայն գունային գամմա

Ուսումնասիրեք գունային տարածության առաջադեմ ներկայացումները և պրոֆեսիոնալ գունային մոդելները, որոնք օգտագործվում են տեսաարտադրության, լուսանկարչության, գիտական կիրառությունների և գույների կառավարման համակարգերում: Այս տեխնիկական ձևաչափերը տրամադրում են ճշգրիտ գունային սպեցիֆիկացիաներ մասնագիտացված արդյունաբերությունների և կիրառությունների համար:

Մասնագիտական աշխատանքային հոսքերը պահանջում են որոշակի գունային ձևաչափեր՝ սարքերի և լրատվամիջոցների միջև համապատասխանություն ապահովելու համար։

Արդյունաբերության ստանդարտներ

Ստեղծեք անվճար հաշիվ՝ բոլոր տեխնիկական գունային ձևաչափերի արժեքները դիտելու և պատճենելու համար։

Գրանցվեք՝ տեխնիկական ձևաչափերին մուտք գործելու համար

Գունային նշագրման համակարգ

Մասնագիտական լուսանկարչություն

Տեխնիկական ձևաչափեր

Ստացեք ակնթարթային մուտք դեպի 10+ պրոֆեսիոնալ գունային ձևաչափեր՝ ճշգրիտ փոխակերպումներով և մանրամասն բացատրություններով։

Բացեք բոլոր տեխնիկական ձևաչափերը

Տարբեր գունային տարածքները օպտիմալացված են որոշակի նպատակների համար՝ սկսած գույների ճշգրիտ վերարտադրությունից մինչև տվյալների արդյունավետ սեղմում։

Ինչու՞ օգտագործել տեխնիկական ձևաչափեր

Տեսանյութ/հեռարձակում PAL

Երկու լրացուցիչ գույների հավաքածու, որոնք իրարից բաժանված են 60 աստիճան երանգով։

Ավելի թեթև տարբերակներ, որոնք ստեղծվել են սպիտակը հիմնական գույնին ավելացնելով։

Երեք գույներ հավասարաչափ տարածված գունային անիվի երկայնքով, յուրաքանչյուրը 120 աստիճան երանգի հեռավորության վրա: Լավագույնն է թույլ տալ, որ մեկ գույնը գերիշխի, իսկ մյուսներն օգտագործել որպես շեշտադրումներ:

Այս բաժնի նպատակն է ճշգրիտ ստանալ ձեր ընտրած գույնի երանգները (ավելացված մաքուր սպիտակ) և երանգները (ավելացված մաքուր սև)՝ 10% աճով։

Այս տարբերակները կազմում են միասնական գունային պալիտրա հիմքը: Արտահանեք դրանք՝ ձեր ամբողջ նախագծում հետևողականությունը պահպանելու համար:

Օգտագործեք երանգներ՝ մկնիկի կուրսորը պահելու վիճակների և ստվերների համար, իսկ երանգներ՝ լուսավոր հատվածների և ֆոնի համար։

Անուն

Կապ մեզ հետ

Կարգավորել տեքստի գույնը

Տեքստի գույնի կարգավորում

Կարգավորեք սահիկները՝ տեքստի հակադրությունը բարելավելու և ավելի լավ ընթեռնելիություն ապահովելու համար

Սա սովորական տեքստ է։ Արագաշարժ շագանակագույն աղվեսը ցատկում է ծույլ շան վրայով։

Ընտրեք գույն՝ օգտագործելով տեքստի և ֆոնի գույնի գույնի ընտրիչը կամ մուտքագրեք գույն RGB տասնվեցական ձևաչափով (օրինակ՝ #259 կամ #2596BE): Գույն ընտրելու համար կարող եք կարգավորել սահիկը: Վեբ բովանդակության մատչելիության ուղեցույցը (WCAG) ունի հատուկ ուղեցույց, որը կօգնի պարզել, թե արդյոք տեքստը ընթեռնելի է տեսող օգտատերերի համար: Այս չափորոշիչը օգտագործում է որոշակի ալգորիթմ՝ գունային համակցությունները համեմատելի հարաբերակցությամբ քարտեզագրելու համար: Օգտագործելով այս բանաձևը՝ WCAG-ը նշում է, որ տեքստի և դրա ֆոնի հետ գունային հակադրության 4,5:1 հարաբերակցությունը համարժեք է սովորական (մարմնի) տեքստի համար, իսկ մեծ տեքստը (18+ pt կանոնավոր կամ 14+ pt թավ) պետք է ունենա առնվազն 3: 1 գույնի հակադրության հարաբերակցություն:

Փորձարկեք գույների համադրությունները՝ համոզվելու համար, որ դրանք համապատասխանում են WCAG-ի տեքստի ընթեռնելիության հասանելիության չափանիշներին։

Գույնի հակադրության ստուգիչ. այս առցանց գործիքի միջոցով դուք կարող եք մանրամասներ ստանալ տեքստի և ֆոնի գույների հակադրության հարաբերակցության մասին 123456: 

 Գույնի հակադրության ստուգիչ՝ 123456

Սա ցույց է տալիս, թե ինչ տեսք ունեն գույները շրջված վիճակում, օգտակար է մուգ/բաց ռեժիմի համար։

(≥ 18 կետ կամ ≥ 14 կետ թավատառ)

(< 18 կետ կամ < 14 կետ թավատառ)

Փոքր տեքստի օրինակ (12px)

Արագ շագանակագույն աղվեսը ցատկում է ծույլ շան վրայով

Նախադիտման վերնագիր

Վերագործարկեք տեքստի կարգավորումները

Սա փոքր տեքստ է՝ ընթեռնելիությունը ստուգելու համար։

Սա փոքր տեքստ է, որը դեռ պետք է ընթեռնելի լինի։

Գրանցվեք անվճար՝ 5 խելացի գունային առաջարկներից օգտվելու համար, որոնք պահպանում են վառ գույները՝ միաժամանակ համապատասխանելով WCAG հասանելիության չափանիշներին։

Բացեք խելացի գունային առաջարկները

Բարելավված կոնտրաստի հարաբերակցություն՝ 7:1 սովորական տեքստի և 4.5:1 մեծ տեքստի համար։ Խորհուրդ է տրվում օպտիմալ մատչելիության համար։

Նվազագույն կոնտրաստի հարաբերակցությունը՝ 4.5:1 սովորական տեքստի և 3:1 մեծ տեքստի համար։ Պարտադիր է կայքերի մեծ մասի համար։

WCAG համապատասխանության մակարդակներ

WCAG ուղեցույցները ապահովում են, որ ձեր բովանդակությունը հասանելի լինի տեսողության խնդիրներ ունեցող օգտատերերի համար։

WCAG ստանդարտներ

Առավելագույն թիվը հասել է 10 գույնի

Նվազագույն թիվը հասել է 4 գույնի

Ուշադրություն է պետք

Այս հատկությունն օգտագործելու համար անհրաժեշտ է ստեղծել ԱՆՎՃԱՐ imagecolorpicker հաշիվ: Դրանից հետո դուք կունենաք մուտք դեպի ավելի շատ գործառույթներ:

Ստեղծեք նոր գունապնակ

Կառավարեք ձեր պահպանված պալիտրաներն ու գրադիենտները

Դիտեք և կառավարեք ձեր պահպանված գրադիենտները

Ձեր գրադիենտները

Դիտեք և կառավարեք ձեր պահպանված գունային պալիտրները

Ձեր պալիտրաները

Կառավարման վահանակ

Խմբագրել ձեր ներկապնակը

Ստեղծեք ցնցող գրադիենտներ Gradient Maker-ի հետ imagecolorpicker.com-ից: Ընտրեք գծային և շառավղային գրադիենտներից, ավելացրեք մի քանի գույներ, պտտեք գրադիենտը, պահպանեք և տարածեք ձեր ստեղծագործությունները: Ներբեռնեք CSS կոդը ուղղակիորեն և անխափան կերպով ինտեգրեք ձեր գրադիենտները ձեր նախագծերին:

Ստեղծեք ապշեցուցիչ գրադիենտներ imagecolorpicker.com կայքի Gradient Maker-ի միջոցով: Ընտրեք գծային և ճառագայթային գրադիենտներից, ավելացրեք բազմաթիվ գույներ, պտտեք գրադիենտը, պահպանեք և կիսվեք ձեր ստեղծագործություններով: Ներբեռնեք CSS կոդը անմիջապես և անխափան ինտեգրեք ձեր գրադիենտները ձեր նախագծերի մեջ:

Խմբագրել ձեր գրադիենտը

Գրադիենտի վերնագիրը պարտադիր է

Gradient Maker - Ստեղծեք ցնցող գծային և ճառագայթային գրադիենտներ | imagecolorpicker.com

Գրադիենտ

Ստեղծեք գունային կոդեր, տատանումներ, ներդաշնակություններ և ստուգեք կոնտրաստի հարաբերակցությունները։

Գույնի կոդի գեներատոր և ընտրիչ

Ստեղծեք գեղեցիկ գրադիենտներ հեշտությամբ՝ հարմարեցրեք գույները, ուղղությունները և արտահանեք ձեր ստեղծագործությունները։

Կառավարեք և կազմակերպեք ձեր նախընտրած գունային պալիտրաները։

Ձեր պահպանված պալիտրաները

Դիտեք և ուսումնասիրեք այս համատեղ օգտագործվող գրադիենտը։

Համօգտագործվող գրադիենտ

Դիտեք և ուսումնասիրեք այս համատեղ օգտագործվող պալիտրա։

Համօգտագործվող պալիտրա

Մենք նկատեցինք, որ դուք օգտագործում եք գովազդի արգելափակիչ։ Ոչինչ։ Դուք կարող եք աջակցել մեզ փոքր նվիրատվությամբ, որպեսզի այս գործիքը անվճար մնա միլիոնավոր օգտատերերի համար։ Յուրաքանչյուր սուրճ օգնում է մեզ պահպանել և բարելավել ծառայությունը։

Հայտնաբերվել է գովազդի արգելափակիչ։ Աջակցեք մեզ սուրճով։

Օգտագործեք վերևում գտնվող պատկերի գույնի ընտրիչը՝ գույն ընտրելու և այս պիքսելի HTML գունային կոդը ստանալու համար: Դուք նաև կստանաք HEX գունային կոդի արժեքը, RGB արժեքը և HSV արժեքը: «Օգտագործել ձեր պատկերը» բաժնում կարող եք վերբեռնել ձեր սեփական պատկերը (օրինակ՝ ձեր աշխատասեղանի էկրանի նկար), տեղադրել պատկեր սեղմատախտակից, տեղադրել նկարի URL-ը ստորև նշված տեքստային դաշտում: Կամ օգտագործեք կայքի URL-ը, ձախ կողմում կտեսնեք մանրապատկեր:

Այս հնարավորությունն օգտագործելու համար անհրաժեշտ է ստեղծել ԱՆՎՃԱՐ imagecolorpicker հաշիվ: Դրանից հետո դուք կունենաք մուտք դեպի ավելի շատ գործառույթներ:

Տեղադրեք պատկերի ֆայլը՝ վերբեռնելու համար: Աջակցվող ձևաչափեր՝ PNG, JPG, JPEG:

Պատկերի վերբեռնում

Գույնի ընտրիչ. Այս առցանց գործիքի միջոցով դուք կարող եք վերբեռնել պատկեր կամ տրամադրել կայքի URL և ստանալ RGB Color, HEX Color և HSL Color կոդը: 👍

👍 Գույնի ընտրիչ առցանց | HEX գույնի ընտրիչ | HTML գույնի ընտրիչ

Եթե դուք Mac-ում կամ համակարգչում եք գործող օպերացիոն համակարգով և ընթացիկ բրաուզերով, ապա կարող եք օգտագործել հնարավորությունը: Safari-ն, Edge-ը, Firefox-ը և Chrome-ը փորձարկվել են մեր կողմից: Տեսքը կարող է մի փոքր տարբերվել:

Դուք կարող եք օգտագործել այս գործառույթը 3 անգամ անվճար, այնուհետև դիտել կարճ գովազդը ևս 3 օգտագործման համար: Ձեր աջակցությունը մեզ օգնում է այս գործիքը անվճար պահել ամբողջ աշխարհում 3+ միլիոն օգտատերերի համար:

Դիտեք 15 վայրկյան տևողությամբ գովազդը՝ այն անվճար օգտագործելու համար

Դուք այս գործառույթն օգտագործել եք 3 անգամ։

Փնտրեք լուսանկարներ pexels-ի միջոցով

Ստեղծեք անվճար հաշիվ՝ գովազդները ցանկացած պահի բաց թողնելու համար

ImageColorPicker.com

Կապ մեզ հետ