Sut mae cynhyrchu palet lliw o un lliw brand?

Rhowch god hecs, enw lliw fel teal, neu werth rgb() neu hsl() yn y maes Lliw sylfaen a gwasgwch Mewnbynnu. Yna dewiswch fath fel Palet brand, Atodol, Triadaidd neu Monochromatig, a chliciwch ar batrwm lliw i'w gopïo.

Pa fformatau allforio y mae'r generadur palet yn eu cefnogi?

Gallwch gopïo lliwiau fel hecs, rgb, hsl neu oklch, ac allforio ffeiliau CSS, SCSS, JSON, graddfa Tailwind 50-950, PNG, SVG, GPL GIMP/Krita, ASE Adobe neu ACO Photoshop. Mae'r opsiynau a welwch yn dibynnu ar y rheolyddion Allforio.

Sut alla i wirio a yw lliwiau fy mhalet yn ddarllenadwy ar wyn neu ddu?

Mae pob lliw yn dangos bathodynnau Ar wyn ac Ar ddu gyda lefelau WCAG: AAA, AA, AA mawr neu Methu. Mae'r adran Gwirio testun a chefndir hefyd yn gadael i chi ddewis lliw testun a chefndir i brofi pâr penodol.

Sut mae cadw rhai lliwiau ac ail-gymysgu'r gweddill?

Cliciwch Cloi'r lliw hwn ar y patrymau lliw rydych am eu cadw, yna pwyswch Cymysgu. Bydd lliwiau sydd wedi'u cloi yn aros, a bydd y lleill yn newid. Gallwch hefyd ddefnyddio Golygu'r lliw hwn i newid un patrwm lliw, sy'n nodi bod y palet wedi'i olygu.

A allaf rannu fy mhalet neu ddewis lliw o'm sgrin?

Mae “Rhannu'r canlyniad” yn creu dolen sy'n dal y lliw sylfaenol, y math ac unrhyw olygiadau, felly mae pawb sy'n ei hagor yn gweld yr un palet. Ar ffôn mae'n agor y daflen rannu; ar gyfrifiadur mae'n copïo'r ddolen. Mae “Dewis o'r sgrin” yn defnyddio EyeDropper y porwr, sydd ar gael mewn porwyr sy'n ei gefnogi yn unig, Chromium yn bennaf.

A yw'n rhad ac am ddim go iawn?

Ydy. Mae pob offeryn yn rhad ac am ddim i'w ddefnyddio, heb gyfrif a heb gerdyn credyd. Mae'r gwaith yn rhedeg ar eich dyfais yn hytrach nag ar ein gweinyddion ni, a dyna sy'n caniatáu iddo fod yn rhad ac am ddim i'w redeg.

A yw'n gweithio ar ffôn symudol?

Gall. Mae'n rhedeg ym mhorwyr symudol cyfredol iOS ac Android, heb ddim i'w osod.

🎨

Generadur Palet Lliw am ddim

Cynhyrchwch baletau lliw cyfategol, analog, triadaidd, a monochromatig o unrhyw liw sylfaen. Copïo codau hex gydag un clic.

Yn rhedeg yn eich porwrDim cofrestru, dim ffenestri naidNid oes angen mewngofnodiAm ddim am byth

Yn gweithio all-lein ar ôl llwytho

Lliw sylfaen

Teipiwch god hecs, enw lliw fel teal neu tomato, neu rgb(20, 184, 166) / hsl(174, 80%, 40%), yna pwyswch Enter.

Palet brand · 7 lliwiau

Fformat copïo

Allforio:Labeli hecs ar PNG/SVG

Sylfaen

Ar wyn 2.5Methu

Ar ddu 8.4AAA

Acen

Ar wyn 2.9Methu

Ar ddu 7.2AAA

Arlliw golau

Ar wyn 1.1Methu

Ar ddu 19.4AAA

Arlliw tywyll

Ar wyn 9.0AAA

Ar ddu 2.3Methu

Niwtral golau

Ar wyn 1.1Methu

Ar ddu 19.3AAA

Niwtral canolig

Ar wyn 4.1AA mawr

Ar ddu 5.1AA

Niwtral tywyll

Ar wyn 16.1AAA

Ar ddu 1.3Methu

Gwirio testun a chefndir

Lliw'r testunCefndir

Sampl o bennawd mawr

Sampl o destun y corff ar gyfer y pâr hwn

8.44:1Testun arferol AAATestun mawr AAA

Rhowch gynnig ar y rhain

Eisiau lliwiau o lun? Defnyddiwch y tynnwr lliwiau o ddelwedd

Defnyddiau cyffredin

Cynhyrchu Palettau Lliw ar gyfer Dylunio GweCreu cynlluniau lliw cytgord ar gyfer gwefannau, apiau gwe a chydrannau UI.
Creu Palettau Lliw BrandDatblygu system lliw brand gyflawn o un lliw brand - cynradd, eilaidd, acennu a niwtral.
Cynhyrchu Palettau Lliw ar gyfer Celf a LlunCreu cyfuniadau lliw cytgord ar gyfer celf ddigidol, llun a phrosiectau creadigol.
Cynhyrchu Steiliau Lliw ar gyfer FigmaCreu palettau lliw i'w defnyddio fel Figma Color Styles ac seiliau tocyn dylunio.
Creu Palettau Lliw Dark ModeCynhyrchu amrywiadau golau a thywyll eich palette lliw ar gyfer adeiladu cymorth dark mode.

Sut Mae'n Gweithio

Mae'r offeryn wedi'i adeiladu heb unrhyw lyfrgelloedd allanol — mae'r holl fathemateg liw'n rhedeg mewn JavaScript wedi'i ysgrifennu â llaw yn uniongyrchol yn eich porwr. Mae'n trosi eich lliw dewisol rhwng hecs a HSL, yna'n cymhwyso rheolau harmoni theori lliw clasurol (cyflenwol, triadaidd, cyfatebol, ac ati) drwy rifyddeg ar yr olwyn arlliw i gynhyrchu pob palet.

1
Trosi hecs-i-HSL
Pan ddewiswch liw, mae'r offeryn yn dosrannu'r llinyn hecs yn gydrannau RGB ac yn eu trosi i HSL (arlliw, dirlawnder, goleuedd). Yr arlliw yw'r safle 0–360 gradd ar yr olwyn liw; mae'r holl fathemateg palet yn digwydd yn y gofod hwn.
2
Rhifyddeg arlliw ar gyfer harmoni
Mae pob math palet yn fformiwla gylchdroi sefydlog wedi'i chymhwyso i'r arlliw sylfaenol. Mae Cyflenwol yn ychwanegu 180°, mae Triadaidd yn ychwanegu 120° a 240°, mae Tetradaidd yn camu â 90°, mae Hollt-gyflenwol yn defnyddio 150° a 210°. Mae Unliw a chysgodion yn cadw arlliw a dirlawnder yn gyson tra'n camu goleuedd i fyny ac i lawr.
3
Allbwn HSL-i-hecs
Mae pob triphlyg HSL a gyfrifwyd yn cael ei drosi'n ôl i liw hecs gan ddefnyddio'r fformiwla chroma safonol. Mae'r canlyniadau'n dangos fel stribed lliw gyda labeli wedi'u cyferbynnu'n awtomatig (testun tywyll ar samplau golau, testun golau ar rai tywyll) wedi'u pennu gan drothwy goleuedd syml.
4
Allforio yn eich fformat dewisol
Gellir copïo'r palet fel llinynnau hecs neu ei allforio fel ffeil newidynnau CSS (:root { --color-1: … }), newidynnau SCSS, darn ffurfweddiad Tailwind, gwrthrych JSON, neu stribed lliw PNG. Mae allforio PNG yn defnyddio Canvas API y porwr (toDataURL) i dynnu pob sampl â'i label hecs — cynhyrchir popeth yn lleol wrth glicio.

Offer Cysylltiedig

🎨

Generadur Lliwiau ar Hap

Cynhyrchwch liwiau ar hap un ar y tro neu fel palet o bump, cloi'r rhai rydych yn eu hoffi, copïo gwerthoedd HEX, RGB neu HSL ac allforio'r palet fel PNG neu CSS.

Rhowch gynnig arni

🎨

Echdynnwr Palet Lliw Delwedd

Echdynnwch y lliwiau dominyddol o unrhyw ddelwedd gan ddefnyddio meintreiddio lliw k-means. Cael codau hex ar gyfer y 2-16 lliw uchaf yn eich ffotograff neu logo.

Rhowch gynnig arniMae ffeiliau'n aros yn lleol

🎨

Codwr Lliw a Generadur Palet

Dewiswch liwiau, trosi rhwng HEX / RGB / HSL, a chynhyrchu paletau cytûn.