Paano ako gagawa ng color palette mula sa isang kulay ng brand?

Maglagay ng hex code, pangalan ng kulay tulad ng teal, o rgb() o hsl() na halaga sa field na Base na kulay at pindutin ang Enter. Pagkatapos ay pumili ng uri tulad ng Palette ng brand, Magkabaligtaran, Triadic o Monochromatic, at i-click ang isang swatch para kopyahin ito.

Anong mga format ng pag-export ang sinusuportahan ng palette generator?

Maaari mong kopyahin ang mga kulay bilang hex, rgb, hsl o oklch, at i-export ang mga file na CSS, SCSS, JSON, Tailwind 50-950 scale, PNG, SVG, GIMP/Krita GPL, Adobe ASE o Photoshop ACO. Kung aling mga opsyon ang makikita mo ay depende sa mga kontrol sa Pag-export.

Paano ko masusuri kung nababasa ang mga kulay ng aking palette sa puti o itim?

Ang bawat kulay ay nagpapakita ng mga badge na Sa puti at Sa itim na may mga antas ng WCAG: AAA, AA, AA malaki o Bagsak. Ang seksyong Pagsusuri ng teksto at background ay nagbibigay-daan din sa iyong pumili ng kulay ng teksto at background para subukan ang isang partikular na pares.

Paano ko pananatilihin ang ilang kulay at i-shuffle ang iba pa?

I-click ang I-lock ang kulay na ito sa mga swatch na gusto mong panatilihin, pagkatapos ay pindutin ang I-shuffle. Ang mga naka-lock na kulay ay mananatili, at ang iba ay magbabago. Maaari mo ring gamitin ang I-edit ang kulay na ito para baguhin ang isang swatch, na nagmamarka sa palette bilang na-edit.

Maaari ko bang ibahagi ang aking palette o pumili ng kulay mula sa aking screen?

Gumagawa ang Ibahagi ang resulta ng link na naglalaman ng base na kulay, uri, at anumang pagbabago, kaya makikita ng sinumang magbukas nito ang parehong palette. Sa telepono, bubukas ang share sheet; sa computer, kokopyahin ang link. Ginagamit ng Pumili mula sa screen ang EyeDropper ng browser, na available lamang sa mga browser na sumusuporta rito, karamihan ay Chromium.

Oo. Libre ang bawat tool, walang account at walang credit card. Ang trabaho ay tumatakbo sa iyong device sa halip na sa aming mga server, kaya ito nananatiling libre.

Gumagana ba ito sa mobile?

Oo. Gumagana ito sa mga kasalukuyang mobile browser sa iOS at Android, nang walang ini-install.

🎨

Libreng Generator ng Color Palette

Gumawa ng complementary, analogous, triadic, at monochromatic na color palette mula sa anumang base na kulay. Kopyahin ang mga hex code sa isang click.

Tumatakbo sa iyong browserWalang pag-sign up, walang pop-upHindi kailangan ng loginLibre magpakailanman

Gumagana offline kapag na-load na

Base na kulay

Mag-type ng hex code, pangalan ng kulay tulad ng teal o tomato, o rgb(20, 184, 166) / hsl(174, 80%, 40%), saka pindutin ang Enter.

Palette ng brand · 7 mga kulay

Format ng kopya

I-export:Mga hex label sa PNG/SVG

Base

Sa puti 2.5Bagsak

Sa itim 8.4AAA

Accent

Sa puti 2.9Bagsak

Sa itim 7.2AAA

Mapusyaw na tint

Sa puti 1.1Bagsak

Sa itim 19.4AAA

Madilim na shade

Sa puti 9.0AAA

Sa itim 2.3Bagsak

Mapusyaw na neutral

Sa puti 1.1Bagsak

Sa itim 19.3AAA

Katamtamang neutral

Sa puti 4.1AA malaki

Sa itim 5.1AA

Madilim na neutral

Sa puti 16.1AAA

Sa itim 1.3Bagsak

Pagsusuri ng teksto at background

Kulay ng tekstoBackground

Sample ng malaking heading

Sample ng teksto ng katawan para sa pares na ito

8.44:1Karaniwang teksto AAAMalaking teksto AAA

Subukan ang mga ito

Gusto ng mga kulay mula sa larawan? Gamitin ang image color extractor

Mga karaniwang gamit

Lumikha ng Color Palettes para sa Web DesignLumikha ng harmonious color schemes para sa websites, web apps, at UI components.
Lumikha ng Brand Color PalettesBumuo ng complete brand color system mula sa single brand color — primary, secondary, accent, at neutrals.
Lumikha ng Color Palettes para sa Art at IllustrationLumikha ng harmonious color combinations para sa digital art, illustration, at creative projects.
Lumikha ng Color Styles para sa FigmaLumikha ng color palettes na gamitin bilang Figma Color Styles at design token foundations.
Lumikha ng Dark Mode Color PalettesLumikha ng light at dark variants ng iyong color palette para sa pagbuo ng dark mode support.

Paano ito Gumagana

Walang panlabas na library ang tool — lahat ng color math ay tumatakbo sa hand-written na JavaScript direkta sa iyong browser. Kino-convert nito ang napili mong kulay sa pagitan ng hex at HSL, pagkatapos ay ina-apply ang mga klasikong harmony rule ng color theory (complementary, triadic, analogous, atbp.) sa pamamagitan ng aritmetika sa hue wheel para mabuo ang bawat palette.

1
Hex-to-HSL conversion
Kapag pumili ka ng kulay, pina-parse ng tool ang hex string sa mga RGB component at kino-convert sa HSL (hue, saturation, lightness). Ang hue ay ang posisyon sa color wheel mula 0–360 degree; sa space na ito nangyayari ang lahat ng palette math.
2
Aritmetika ng hue para sa harmony
Ang bawat uri ng palette ay nakapirming rotation formula na ina-apply sa base hue. Nagdadagdag ang complementary ng 180°, ang triadic ng 120° at 240°, humahakbang ang tetradic nang 90°, gumagamit ang split-complementary ng 150° at 210°. Pinananatiling pareho ng monochromatic at shades ang hue at saturation habang tinataas at ibinababa ang lightness.
3
HSL-to-hex output
Kino-convert pabalik sa hex na kulay ang bawat kinalkulang HSL triplet gamit ang karaniwang chroma formula. Ipinapakita ang mga resulta bilang color strip na may awtomatikong contrast na label (madilim na text sa maliwanag na swatch, maliwanag na text sa madilim) na itinatakda ng simpleng luminance threshold.
4
I-export sa gusto mong format
Puwedeng kopyahin ang palette bilang mga hex string o i-export bilang CSS variables file (:root { --color-1: … }), SCSS variables, Tailwind config snippet, JSON object, o PNG color strip. Gumagamit ang PNG export ng Canvas API ng browser (toDataURL) para iguhit ang bawat swatch kasama ang hex label nito — lahat ay ginagawa nang lokal sa pag-click.

Mga Kaugnay na Tool

🎨

Random Color Generator

Gumawa ng mga random na kulay nang isa-isa o bilang palette ng lima, i-lock ang mga gusto mo, kopyahin ang mga halagang HEX, RGB o HSL at i-export ang palette bilang PNG o CSS.

Subukan

🎨

Extractor ng Color Palette mula sa Larawan

Kunin ang mga dominant na kulay mula sa anumang larawan gamit ang k-means color quantization. Makakuha ng mga hex code para sa nangungunang 2-16 na kulay sa iyong larawan o logo.

SubukanLokal ang mga file

🎨

Color Picker at Palette Generator

Pumili ng mga kulay, mag-convert sa pagitan ng HEX/RGB/HSL, at gumawa ng magkakaayon na palette.