Գույնի պաննո գեներատոր անվճար
Ստեղծեք լրացնող, անալոգային, եռանկյունային ու միատոն գույների պաննոներ ցանկացած հիմնական գույնից: Մեկ սեղմումով պատճենեք hex կոդերը:
Մուտքագրեք hex կոդ, գույնի անուն, օրինակ՝ teal կամ tomato, կամ rgb(20, 184, 166) / hsl(174, 80%, 40%), ապա սեղմեք Enter։
Տեքստի և ֆոնի ստուգում
Տարածված կիրառություններ
- Generate Color Palettes Web Design-ի համարCreate Harmonious Color Schemes Websites, Web Apps և UI Components-ի համար:
- Create Brand Color PalettesDevelop Complete Brand Color System-ը Single Brand Color-ից - Primary, Secondary, Accent և Neutrals:
- Generate Color Palettes Art և Illustration-ի համարCreate Harmonious Color Combinations Digital Art, Illustration և Creative Projects-ի համար:
- Generate Color Styles Figma-ի համարCreate Color Palettes-ներ Figma Color Styles և Design Token Foundations-ներ ինչպես օգտագործել:
- Create Dark Mode Color PalettesGenerate Light և Dark Variants Your Color Palette-ի համար Building Dark Mode Support-ի համար:
Ինչպես է այն աշխատում
Գործիքը կառուցված է առանց արտաքին գրադարանների — ամբողջ գունային մաթեմատիկան աշխատում է ձեռագիր JavaScript-ով ուղղակիորեն ձեր դիտարկիչում։ Այն ձեր ընտրած գույնը փոխարկում է տասնվեցականի և HSL-ի միջև, ապա կիրառում է դասական գունային տեսության ներդաշնակության կանոններ (փոխլրացնող, եռյակային, անալոգային և այլն) երանգի անիվի վրա թվաբանությամբ՝ յուրաքանչյուր գունապնակ ստեղծելու համար։
- 1Տասնվեցականից-HSL փոխարկումԵրբ ընտրում եք գույն, գործիքը վերլուծում է տասնվեցական տողը RGB բաղադրիչների և փոխարկում է դրանք HSL-ի (երանգ, հագեցվածություն, պայծառություն)։ Երանգը 0–360 աստիճանի դիրքն է գունային անիվի վրա. գունապնակի ամբողջ մաթեմատիկան տեղի է ունենում այս տարածքում։
- 2Երանգի թվաբանություն ներդաշնակության համարՅուրաքանչյուր գունապնակի տեսակ հիմնական երանգին կիրառված ֆիքսված պտույտի բանաձև է։ Փոխլրացնողն ավելացնում է 180°, եռյակայինն ավելացնում է 120° և 240°, չորս-դիրքայինը քայլում է 90°-ով, տրոհված-փոխլրացնողն օգտագործում է 150° և 210°։ Միագույնը և երանգները պահում են երանգն ու հագեցվածությունը հաստատուն, մինչդեռ պայծառությունը քայլում է վերև ու վար։
- 3HSL-ից-տասնվեցական ելքՅուրաքանչյուր հաշվարկված HSL եռյակ կրկին փոխարկվում է տասնվեցական գույնի՝ ստանդարտ chroma բանաձևով։ Արդյունքները ցուցադրվում են որպես գունային շերտ՝ ինքնաշխատ-հակադրված պիտակներով (մուգ տեքստ բաց նմուշների վրա, բաց տեքստ մուգերի վրա)՝ որոշված պարզ պայծառության շեմով։
- 4Արտահանել ձեր նախընտրած ձևաչափովԳունապնակը կարող է պատճենվել որպես տասնվեցական տողեր կամ արտահանվել որպես CSS փոփոխականների ֆայլ (:root { --color-1: … }), SCSS փոփոխականներ, Tailwind կազմաձևման հատված, JSON օբյեկտ, կամ PNG գունային շերտ։ PNG արտահանումն օգտագործում է դիտարկիչի Canvas API-ն (toDataURL)՝ յուրաքանչյուր նմուշը իր տասնվեցական պիտակով գծելու համար — ամեն ինչ ստեղծվում է տեղում՝ սեղմումով։
Առնչվող գործիքներ
Պատահական գույների գեներատոր
Ստեղծեք պատահական գույներ մեկ առ մեկ կամ հինգ գույնանոց գունապնակով, կողպեք ձեզ դուր եկածները, պատճենեք HEX, RGB կամ HSL արժեքները և արտահանեք գունապնակը PNG կամ CSS ձևաչափով։
Պատկերի գույնի պաննո արդյունահանիչ
Արդյունահանեք ձեր ցանկացած պատկերի գերիշխող գույները k-means գույնի քվանտացման ավ: Ստացեք hex կոդեր ձեր լուսանկարի կամ լոգոյի 2–16 վերին գույների:
Գույնի ընտրիչ և պալիտրա գեներատոր
Ընտրեք գույներ, փոխարկեք HEX/RGB/HSL միջև և ստեղծեք ներդաշնակ գունապնակ: