Գույնի ընտրիչ և պալիտրա գեներատոր անվճար
Ընտրեք գույներ, փոխարկեք HEX/RGB/HSL միջև և ստեղծեք ներդաշնակ գունապնակ:
RGB
HSL
Ավելի շատ ձևաչափեր
WCAG համեմատություն
Ամենամոտ անվանված գույնը. dodgerblue · Այստեղ սև տեքստն ավելի հեշտ է կարդացվում (5,71:1)
Երանգներ և տոններ (50–950)
Գունավոր գունապնակ
Լրանցեր
Եռյակային
Անալոգային
Մոնոխրոմատիկ
Տարածված կիրառություններ
- Գույնի Ընտրման Web DesignԸնտրել և ստեղծել գույներ ձեր վեբ-կայքի համար — ստանալ HEX, RGB և HSL արժեքներ և ներդաշնակ պալետր:
- Գույնի Ընտրման Բրենդավորման համարԿառուցել ձեր բրենդի գույնի պալետր — ընտրել հիմնական, ավտոկար և շեշտի գույներ, որ աշխատել միասին:
- Գույնի Ընտրման Սոցիալական Մեդիայի համարՍտեղծել աչք-բռնուչ գույնի պալետր սոցիալական մեդիա գրառումների, պատմություններ և պրոֆիլ դիզայի համար:
- Գույնի Ընտրման Տպային Դիզայի համարԸնտրել գույներ տեղեկատվական նյութերի համար — բուկլետներ, բիզնես քարտեր, կատալոգներ — ճշգրիտ գույնի նախատեսումներով:
- Գույնի Ընտրման Ներկայացումների համարԴիզայն սահիկ գույնի սխեմա — ընտրել ընթերցելի տեքստի գույներ, գծապատկերի պալետր և հետևողական շեշտի տոներ:
Ինչպես է այն աշխատում
Ամեն ինչ աշխատում է ուղղակիորեն ձեր դիտարկիչում՝ ձեռագիր փոխարկման մաթեմատիկայով — ոչ մի գունային գրադարան, ոչ մի սերվերային ուղևորություն։ Դուք ընտրում եք գույն դիտարկիչի բնիկ գունային մուտքագրման միջոցով կամ EyeDropper API-ով, և գործիքն ակնթարթորեն փոխարկում է այն վեց ձևաչափի, միաժամանակ հաշվարկելով WCAG հակադրության գործակիցները և ստեղծելով ներդաշնակության գունապնակներ։
- 1Գունային մուտքագրում բնիկ API-ովԴուք ընտրում եք գույն դիտարկիչի ներկառուցված <input type="color"> վիջեթի միջոցով, կամ — Chromium-հիմքով դիտարկիչներում — EyeDropper API-ն թույլ է տալիս նմուշառել ցանկացած պիքսել ձեր էկրանին։ Երկու ուղիներն էլ վերադարձնում են տասնվեցական տող, որը դառնում է միասնական ճշմարտության աղբյուրը։
- 2Ձեռագիր ձևաչափի փոխարկումներԳործիքը տասնվեցական արժեքը փոխարկում է RGB, HSL, HSV, CMYK և OKLCH՝ օգտագործելով իր սեփական մաթեմատիկական ֆունկցիաները (առանց արտաքին գրադարանի)։ OKLCH փոխարկումը գծայնացնում է sRGB ալիքները, կիրառում է OKLab խորանարդ-արմատ մատրիցը, ապա բխեցնում է chroma-ն և երանգի անկյունը — համապատասխանելով ժամանակակից CSS Color Level 4 ելքին։
- 3WCAG հակադրության գործակցի հաշվարկՀարաբերական պայծառությունը հաշվարկվում է գծայնացված RGB ալիքներից՝ WCAG 2.x բանաձևով։ Գործիքն ապա հաշվարկում է հակադրության գործակիցները մաքուր սպիտակի և մաքուր սևի դեմ և պիտակավորում է դրանք AA-մեծ, AA, AAA կամ Ձախողում՝ ըստ WCAG շեմերի (3:1, 4.5:1, 7:1)։
- 4Ներդաշնակության գունապնակի ստեղծում և տեղական պահումՓոխլրացնող, եռյակային, անալոգային և միագույն նմուշները ստացվում են HSL երանգի և պայծառության արժեքները մաթեմատիկորեն պտտելով կամ քայլելով։ Պահված գունապնակները գրվում են localStorage-ում ձեր դիտարկիչում — ոչինչ չի հեռանում ձեր սարքից։
Առնչվող գործիքներ
Պատահական գույների գեներատոր
Ստեղծեք պատահական գույներ մեկ առ մեկ կամ հինգ գույնանոց գունապնակով, կողպեք ձեզ դուր եկածները, պատճենեք HEX, RGB կամ HSL արժեքները և արտահանեք գունապնակը PNG կամ CSS ձևաչափով։
Գույնի փոխակերպիչ
Ակնթարթային կերպով փոխակերպեք գույները HEX, RGB, HSL, HSV և CMYK ձևաչափերի միջև: Ներառում է թեթևության սանդղակ և կանխադրված ռանգ:
Պատկերի գույնի պաննո արդյունահանիչ
Արդյունահանեք ձեր ցանկացած պատկերի գերիշխող գույները k-means գույնի քվանտացման ավ: Ստացեք hex կոդեր ձեր լուսանկարի կամ լոգոյի 2–16 վերին գույների: