Kif niġġenera palett tal-kuluri minn kulur wieħed tal-brand?

Daħħal kodiċi hex, isem ta' kulur bħal teal, jew valur rgb() jew hsl() fil-qasam Kulur bażi u agħfas Enter. Imbagħad agħżel tip bħal Palett tal-brand, Komplimentari, Trijadiku jew Monokromatiku, u kklikkja fuq kampjun biex tikkupjah.

Liema formati ta' esportazzjoni jappoġġja l-ġeneratur tal-paletti?

Tista' tikkopja l-kuluri bħala hex, rgb, hsl jew oklch, u tesporta fajls CSS, SCSS, JSON, skala Tailwind 50-950, PNG, SVG, GIMP/Krita GPL, Adobe ASE jew Photoshop ACO. L-għażliet li tara jiddependu mill-kontrolli ta' Esportazzjoni.

Kif nista' niċċekkja jekk il-kuluri tal-palett tiegħi jinqrawx tajjeb fuq l-abjad jew l-iswed?

Kull kulur juri badges ta' Fuq abjad u Fuq iswed b'livelli WCAG: AAA, AA, AA kbir jew Falla. It-taqsima Kontroll tat-test u l-isfond tippermettilek ukoll tagħżel kulur tat-test u sfond biex tittestja par speċifiku.

Kif inżomm xi kuluri u nħawwad mill-ġdid il-kumplament?

Ikklikkja Illokkja dan il-kulur fuq il-kampjuni li tixtieq iżżomm, imbagħad agħfas Ħawwad. Il-kuluri msakkra jibqgħu kif inhuma, u l-oħrajn jinbidlu. Tista' tuża wkoll Editja dan il-kulur biex tbiddel kampjun wieħed, li jimmarka l-palett bħala modifikat.

Nista' naqsam il-palett tiegħi jew nagħżel kulur mill-iskrin?

“Ikkondividi r-riżultat” joħloq rabta li żżomm il-kulur bażi, it-tip u kwalunkwe tibdil, hekk kulħadd li jiftaħha jara l-istess palette. Fuq it-telefon tiftaħ il-folja tal-kondiviżjoni; fuq il-kompjuter tikkopja r-rabta. “Agħżel mill-iskrin” juża l-EyeDropper tal-brawżer, li hu offrut biss fi brawżers li jappoġġjawh, l-aktar dawk ibbażati fuq Chromium.

Iva. Kull għodda tista' tintuża b'xejn, mingħajr kont u mingħajr karta ta' kreditu. Ix-xogħol isir fuq it-tagħmir tiegħek minflok fuq is-servers tagħna, u huwa dan li jippermettilha tibqa' taħdem b'xejn.

Taħdem fuq il-mowbajl?

Iva. Jaħdem fil-browsers moderni tal-mowbajl fuq iOS u Android, mingħajr xejn x'tinstalla.

🎨

Ġeneratur tal-Palette tal-Kuluri b'xejn

Iġġenera palettes tal-kuluri komplementari, analogiċi, trjadiċi, u monokromatiċi minn kwalunkwe kulur bażiku. Ikkopja l-kodiċi hex b'klikk wieħed.

Jaħdem fil-browser tiegħekMingħajr reġistrazzjoni, mingħajr pop-upsEbda login meħtieġĦieles għal dejjem

Jaħdem offline ladarba mgħobbi

Kulur bażi

Ikteb kodiċi hex, isem ta' kulur bħal teal jew tomato, jew rgb(20, 184, 166) / hsl(174, 80%, 40%), imbagħad agħfas Enter.

Palett tal-brand · 7 kuluri

Format tal-kopja

Esporta:Tikketti hex fuq PNG/SVG

Bażi

Fuq abjad 2.5Falla

Fuq iswed 8.4AAA

Aċċent

Fuq abjad 2.9Falla

Fuq iswed 7.2AAA

Tonalità ċara

Fuq abjad 1.1Falla

Fuq iswed 19.4AAA

Tonalità skura

Fuq abjad 9.0AAA

Fuq iswed 2.3Falla

Newtrali ċar

Fuq abjad 1.1Falla

Fuq iswed 19.3AAA

Newtrali medju

Fuq abjad 4.1AA kbir

Fuq iswed 5.1AA

Newtrali skur

Fuq abjad 16.1AAA

Fuq iswed 1.3Falla

Kontroll tat-test u l-isfond

Kulur tat-testSfond

Eżempju ta' titolu kbir

Eżempju ta' test tal-korp għal dan il-par

8.44:1Test normali AAATest kbir AAA

Pprova dawn

Trid kuluri minn ritratt? Uża l-estrattur tal-kuluri tal-immaġni

Użi komuni

Iġġenera Color Palettes għad-Disinn tal-WebOħloq skemi ta' kuljur armoniċi għal websites, web apps u UI components.
Oħloq Brand Color PalettesIddeveluppa sistema ta' kuljur ta' marka kompleta minn kuljur ta' marka wieħed - primarja, sekondarja, aċċent u newtri.
Iġġenera Color Palettes għal Art u IllustrationOħloq kombinazzjonijiet ta' kuljur armoniċi għal art diġitali, illustrazzjoni u projetti kreattivi.
Iġġenera Color Styles għal FigmaOħloq palettes ta' kuljur biex tużahom bħala Figma Color Styles u ssasedjat ta' design token.
Oħloq Dark Mode Color PalettesIġġenera varjanti ċara u murxija tal-kuljur palette għall-bini ta' dark mode support.

Kif Taħdem

L-għodda hija mibnija b'żero libreriji esterni — il-matematika kollha tal-kulur taħdem f'JavaScript miktub bl-idejn direttament fil-browser tiegħek. Tikkonverti l-kulur magħżul tiegħek bejn hex u HSL, imbagħad tapplika regoli klassiċi tal-armonija tat-teorija tal-kulur (komplimentari, trijadiku, eċċ.) permezz ta' aritmetika fuq ir-rota tal-hue biex tipproduċi kull paletta.

1
Konverżjoni hex-għal-HSL
Meta tagħżel kulur, l-għodda tanalizza l-istring hex f'komponenti RGB u tikkonvertihom għal HSL (hue, saturazzjoni, dawl). Il-hue huwa l-pożizzjoni ta' 0–360 grad fuq ir-rota tal-kulur; il-matematika tal-paletta kollha sseħħ f'dan l-ispazju.
2
Aritmetika tal-hue għall-armonija
Kull tip ta' paletta hija formula fissa ta' rotazzjoni applikata għall-hue bażi. Komplimentari żżid 180°, trijadiku żżid 120° u 240°, tetradiku timxi bi 90°, split-complementary tuża 150° u 210°. Monokromatiku u dellijiet iżommu l-hue u s-saturazzjoni kostanti waqt li jimxu d-dawl 'il fuq u 'l isfel.
3
Ħruġ HSL-għal-hex
Kull triplet HSL kkalkulat jiġi konvertit lura għal kulur hex bl-użu tal-formula standard tal-chroma. Ir-riżultati jintwerew bħala strixxa ta' kulur b'tikketti awtokuntrastati (test skur fuq kampjuni ħfief, test ħafif fuq dawk skuri) determinati minn limitu sempliċi ta' luminanza.
4
Esporta fil-format preferut tiegħek
Il-paletta tista' tiġi kkopjata bħala strings hex jew esportata bħala fajl ta' varjabbli CSS (:root { --color-1: … }), varjabbli SCSS, biċċa ta' konfigurazzjoni ta' Tailwind, oġġett JSON, jew strixxa ta' kulur PNG. L-esportazzjoni PNG tuża l-API Canvas tal-browser (toDataURL) biex tiddisinja kull kampjun bit-tikketta hex tiegħu — kollox jiġi ġġenerat lokalment fuq click.

Għodod Relatati

🎨

Ġeneratur ta' kuluri każwali

Iġġenera kuluri każwali wieħed wieħed jew bħala palett ta' ħamsa, illokkja dawk li togħġob, ikkopja valuri HEX, RGB jew HSL u esporta l-palett bħala PNG jew CSS.

Ipprova

🎨

Estrattore tal-Palette tal-Kuluri mill-Immaġni

Estratta l-kuluri dominanti minn kwalunkwe immaġni bl-użu ta' kwantizzazzioni tal-kuluri k-means. Ikseb il-kodiċi hex għall-2-16 kuluri l-aktar prominenti fir-ritratt jew logo tiegħek.

IpprovaIl-fajls jibqgħu lokali

🎨

Picker tal-Kulur u Ġeneratur tal-Paletta

Agħżel kuluri, ikkonverti bejn HEX/RGB/HSL, u tiġġenera paletti armonjużi.