Kuzalisha Rangi za Tailwind
Zalisha paleti ya ngazi 11 (50–950) ya Tailwind CSS na msimbo wa usanidi kutoka kwa msimbo mmoja wa Hex
Sifa
Zalisha ngazi 11 kutoka kwa rangi 1
Hesabu kina cha rangi 50–950 kwa kuweka rangi iliyoingizwa kwa 500
Kusambaza muundo v3 na v4
Badili kati ya umbizo la config na @theme kwa kichupo
Nakili Hex kwa kila ngazi
Nakili msimbo wa rangi kwa rangi 1 kwa kwa kichupo cha sampuli ya rangi
Sasisha paleti wakati wa kuingiza
Jaribu rangi habari na kulinganisha bila kufanya kichupo cha kutekeleza
Jinsi ya Kutumia
Ingiza Hex ya rangi ya kumbukumbu
Ingiza msimbo wa Hex au bofya sampuli ya rangi upande wa kushoto kuchagua katika mnukuzi wa rangi
Ingiza jina la rangi ikiwa inahitajika
Ingiza jina la rangi kwa haruf ndogo za Kiingereza kwa matumizi katika msimbo. Ikiwa tupu, primary itatumika
Thibitisha sampuli ya rangi ya ngazi 11
Thibitisha sampuli za rangi za 50–950 na msimbo wa Hex, na nakili rangi moja kwa moja kwa kutumia kichupo cha nakili
Chagua muundo wa matokeo na nakili
Chagua v3 au v4 na nakili msimbo kwa "Nakili Msimbo" ili kubandika katika tailwind.config.js au faili la CSS
Matumizi
Kuundwa kwa kina cha rangi ya brand
Shiriki kina cha rangi kwa kina kutoka kwa rangi 1 ya brand kwa kutumia kwenye kichupo cha hovers na background
Kuongeza rangi ambayo haipo katika paleti ya kawaida
Ongeza rangi ya mradi wa kipekee ambayo haipo kwa rangi za kawaida za Tailwind katika faili la usanidi kwa ngazi 11
Kuundwa kwa ajili ya @theme ya v4
Andika vigeu vya CSS vya Tailwind v4 mara moja kutoka kwa rangi kuu ya tovuti
Maandalizi ya utekelezaji wa muundo wa disenyo
Andaa msimbo wa ngazi 11 kwa utekelezaji kutoka kwa rangi iliyoainisha katika muundo, na pia ubadilishe kwenye zana ya disenyo
Ujuzi wa Msingi
Nini 50–950 ya Tailwind inamaanisha
Rangi za Tailwind CSS zinamaanishwa na namba 11 ambapo 50 ni nyembamba zaidi na 950 ni nyinzani zaidi, na 500 ni kumbukumbu ya rangi hiyo. Namba zinatumika mwisho wa jina la kundi kama vile "bg-primary-500" au "text-primary-700".
- Ngazi 50–300：Ngazi 50–300 ni rangi nyembamba inayotumiwa mara nyingi kwa rangi za background au uvumbuzi nyembamba, na inaweza kusomeka kwa urahisi wakati maandishi nyinzani yanabandikwa juu yake.
- Ngazi 600–950：Ngazi 600–950 ni rangi nyinzani inayotumiwa mara nyingi kwa hover ya kichupo au rangi ya maandishi ya kichwa, na inaweza kuonekana wazi juu ya background nyembamba.
Tofauti katika njia ya ufafanuzi wa rangi kati ya v3 na v4
Katika v3 ya Tailwind CSS, rangi zinafafanuliwa katika tailwind.config.js kwa JavaScript, na katika v4 zinafafanuliwa katika faili la CSS kwa vigeu vya CSS katika @theme. Kwa njia zote mbili, rangi zilizofafanuliwa zinatumika kwa jina sawa la kundi kama vile "bg-primary-500".
- Njia ya v3：Njia ya v3 ni muundo ambapo "primary: { 500: '#3B82F6' }" inaingizwa katika theme.extend.colors, na jina la rangi na ngazi ziko katika mfumo wa nested.
- Njia ya v4：Njia ya v4 ni muundo ambapo "--color-primary-500: #3B82F6;" inaingizwa katika @theme, na jina la rangi na ngazi zinaunganishwa kwa hyphen katika jina la vigeu.
Usalama na Faragha
Hukamilika kwenye kivinjari
Data uliyoingiza huchakatwa ndani ya kivinjari chako pekee na haitumwi nje.
Uchakataji ndani ya kivinjari pekee
Hesabu ya paleti na kuzalisha msimbo husambazwa kabisa ndani ya kivinjari chako, na data ya ingizo haisisitizwi kwa seva.
Mawasiliano yamefungwa kwa HTTPS
Kupakia kwa ukurasa pia kunafungwa kwa TLS, na mtu wa tatu hawezi kusoma maudhui.
Hakuna kutuma kwa pande nyingine
Maudhui ya ingizo hayatumwi kwa huduma za nje kama mitandao ya matangazo au kufuatilia.
Hakuna kuhifadhi matokeo kiotomatiki
Rangi na jina la rangi iliyoingizwa au mapendekezo ya ingizo hayahifadhiwi kwenye seva.
Fuata RAKKOTOOLS kwenye Utafutaji wa Google
Zana 187 zinakamatia inayorahisisha utafutaji, na sasa inaweza kutafutwa kwa urahisi kutoka kwenye Utafutaji wa Google na Utafutaji wa AI!
- Inapatikana kwenye utafutaji
- Inaonyeshwa pia kwenye Utafutaji wa AI
- Gunduza zana mpya
Taarifa za sasisho
- update #318
Kuongeza Kuzaliwa kwa Rangi ya Tailwind, Kuunda Rangi za Hatua 11 na Koodi ya Mipangilio kutoka kwa Rangi Moja