Gjenerues i Ngjyrës Tailwind
Gjenero paletën e ngjyrave Tailwind CSS 50–950 me 11 shkallë dhe kodin e konfigurimit nga një kod Hex i vetëm
Karakteristikat
Gjenero 11 shkallë nga 1 ngjyrë
Vendos ngjyrën e futur në 500 dhe llogarit shtesat ndez–zbehura 50–950
Mbështet të dy formatet v3 dhe v4
Ndërro midis shkrimeve config dhe @theme në skeda
Kopjo Hex për çdo shkallë
Kopjo kodin e ngjyrës të njërësinë për njëri nëpërmjet butonit të secilit mostër ngjyre
Përditëso paletën ndërsa fut
Provo dhe krahaso ngjyrat pa nevojën për butonin e ekzekutimit
Si të Përdorni
Fut kodin Hex të ngjyrës bazë
Fut kodin Hex ose kliko në mostrin e ngjyrës në të majtë për të zgjedhur me zgjedhësin e ngjyrës
Fut emrin e ngjyrës sipas nevojës
Fut emrin e ngjyrës në shkronja të vogla angleze për t'u përdorur në kod. Nëse bosh, përdoret primary
Verifiko mostrat e ngjyrave me 11 shkallë
Verifiko mostrat e ngjyrave dhe kodet Hex 50–950 dhe kopjo të njërësinë nëpërmjet butonit të mostrit
Zgjidh formatin e daljes dhe kopjo
Zgjidh v3 ose v4 dhe kopjo kodin për ta ngjit në tailwind.config.js ose në skedarin CSS
Rastet e Përdorimit
Krijo nuanca të ngjyrës së markës
Përputho nuancat e përdorura në mënyrën e zhytjes së butonit ose sfondit me një ngjyrë brande të vetëm
Shto ngjyra që nuk janë në paletën standarde
Shto ngjyrat e projektit të vetëm që nuk janë në ngjyrat standarde Tailwind në skedarin e konfigurimit me 11 shkallë
Krijo konfigurimin @theme të v4
Rishkruaj ndryshoret e qasit CSS Tailwind v4 nga ngjyra kryesore e faqes
Përgatit zbatimin e nxitjeve të dizajnit
Përgatit kodin e shkallës 11-nuance për zbatimin nga ngjyra e specifikuar në nxitje dhe kopjo në mjetet e dizajnit
Dija Themelore
Çfarë përfaqësojnë 50–950 në Tailwind
Ngjyrat në Tailwind CSS përfaqësohen me 11 hapa numrash që fillojnë nga më i lehtë në 50 dhe më i errët në 950, me 500 si referenca bazë e ngjyrës. Numrat përdoren në fundin e emrave të klasave si "bg-primary-500" ose "text-primary-700".
- Shkallët 50–300：Shkallët 50–300 janë ngjyra të ndezura që përdoren më shpesh për sfondet ose mbushjet e lehta dhe mund të lexohen lehtë me tekst të errët të përfshirë sipër.
- Shkallët 600–950：Shkallët 600–950 janë ngjyra të erruara që përdoren më shpesh në gjendje të zhytjes së butonit ose për ngjyrën e tekstit të titullave dhe janë qartë të dukshme në sfondin e bardhë.
Ndryshimi në metodën e përkufizimit të ngjyrave ndërmjet v3 dhe v4
Në v3 të Tailwind CSS, ngjyrat përkufizohen në JavaScript në tailwind.config.js, ndërsa në v4 ato përkufizohen si ndryshore CSS brenda @theme në skedarin CSS. Në çdo mënyrë, ngjyrat e përkufizuara përdoren me të njëjtit emra klasash si "bg-primary-500".
- Mënyra e v3：Mënyra e v3 është formati ku emrat e ngjyrave dhe shkallët vendosen në mënyrë të folezuar brenda theme.extend.colors si "primary: { 500: '#3B82F6' }".
- Mënyra e v4：Mënyra e v4 është formati brenda @theme ku emrat e ngjyrave dhe shkallët lidhen me pikë të ndara si ndryshore "--color-primary-500: #3B82F6;".
Siguria dhe Privatësia
Vetëm në shfletues
Të dhënat e futura përpunohen vetëm brenda shfletuesit tuaj dhe nuk dërgohen jashtë.
Përpunimi vetëm në shfletues
Llogaritja e paletes dhe gjenerimi i kodit kryhet tërësisht në shfletuesin tuaj, dhe të dhënat hyrëse nuk dërgohen në serverin.
Komunikimi është i enkriptuar me HTTPS
Ngarkimi i faqes është gjithashtu i enkriptuar me TLS, dhe përmbajtja nuk mund të lexohet nga pala e tretë.
Nuk ka dërgim në palë të tretë
Përmbajtja hyrëse nuk dërgohet në shërbime të jashtme si rrjete reklamash ose përgjuese.
Nuk ka ruajtje automatike të rezultateve
Ngjyra dhe emri i ngjyrës të futur dhe sugestimet hyrëse nuk ruhen në server.
Ndiqe RAKKOTOOLS në Google Search
186 mjete të dobishme janë më të lehta për t'u gjetur në Google Search dhe kërkimet AI!
- Gjehet në kërkime
- Shfaqet edhe në kërkimet AI
- Zbulo mjete të reja
Informacion përditësimi
- update #318
Shtuar gjenerimin e ngjyrave Tailwind, krijoni 11 nuancat e ngjyrave dhe kodin e konfigurimit nga 1 ngjyrë