Ƙirƙirar Launin Tailwind

Ƙirƙiro palette na matakai 11 (50 zuwa 950) na Tailwind CSS da kuma lambar saiti daga lambar Hex ɗaya

Fasali

Ƙirƙirar matakai 11 ta atomatik daga launi ɗaya

Yana sanya launin da aka shigar a matsayin 500, sannan ya ƙididdige duhu da haske daga 50 zuwa 950

Yana goyan bayan tsarin v3 da v4

Canza tsakanin nau'in rubutu na config da @theme ta amfani da shafuka

Kwafin Hex a kowane mataki

Kwafin lambar launi ɗaya-ɗaya ta hanyar maɓalli a kowane samfurin launi

Sabunta palette tare da shigar da bayani

Gwada launuka ka kuma kwatanta su ba tare da buƙatar maɓallin aiwatarwa ba

Yadda Ake Amfani

1

Shigar da Hex na launin tushe

Shigar da lambar Hex, ko danna samfurin launi da ke gefen hagu don zaɓa ta amfani da zaɓin launi

2

Shigar da sunan launi idan ana bukata

Shigar da sunan launin da za a yi amfani da shi a cikin lambar da ƙananan haruffan Turanci. Idan babu komai, za a yi amfani da primary

3

Duba samfuran launi na matakai 11

Duba samfuran launi da lambobin Hex daga 50 zuwa 950, sannan a kwafi kowane launi ɗaya-ɗaya ta amfani da maɓallin kwafi na samfurin

4

Zaɓi tsari sannan a kwafi

Zaɓi v3 ko v4 sannan a danna "Kwafi lambar" don manna shi a tailwind.config.js ko fayil ɗin CSS

Ƙirƙirar Launin Tailwind

Hanyoyin Amfani

Ƙirƙirar duhu da haske na launin alama

Daidaita duhu da haske da ake amfani da su a hoveri na maɓalli ko bango daga launin alama ɗaya

Ƙara launin da ba ya cikin palette ɗin tsoho

Ƙara launin da ya musamman na aikin da ba ya cikin launukan tsoho na Tailwind zuwa fayil ɗin saiti a matakai 11

Ƙirƙirar saitin @theme na v4

Rubuta canjin-canjin CSS na Tailwind v4 gaba ɗaya daga babban launin shafin yanar gizo

Shirya aiwatarwa daga zanen ƙira

Shirya lambar matakai 11 don aiwatarwa daga launin da aka ƙayyade a zanen ƙira, sannan a rubuta shi kuma a kayan aikin ƙira

Ilimin Asali

Abin da 50 zuwa 950 na Tailwind ke wakilta

Launukan Tailwind CSS suna wakiltar haske ta hanyar lambobi na matakai 11 daga 50 (mafi haske) zuwa 950 (mafi duhu), tare da 500 a matsayin ma'aunin asali na launin. Ana amfani da lambobin a ƙarshen sunan class, kamar "bg-primary-500" ko "text-primary-700".

  • Matakan 50 zuwa 300:Matakan 50 zuwa 300 launuka ne masu haske waɗanda ake amfani da su sau da yawa don launin bango ko zane mai haske, kuma suna da sauƙi karantawa idan an sanya rubutu mai duhu a kansu.
  • Matakan 600 zuwa 950:Matakan 600 zuwa 950 launuka ne masu duhu waɗanda ake amfani da su sau da yawa don launin rubutu na kanun labari ko lokacin hoveri na maɓalli, kuma suna bayyana a fili a kan farin bango.

Bambancin yadda ake tsara launuka a v3 da v4

A Tailwind CSS v3, ana tsara launuka da JavaScript a cikin tailwind.config.js, yayin da a v4 ake tsara su a matsayin canjin-canjin CSS a cikin @theme na fayil ɗin CSS. Ko da wane tsari aka yi amfani da shi, ana amfani da launin da aka tsara ta amfani da irin sunan class guda, kamar "bg-primary-500".

  • Yadda ake rubutu a v3:Yadda ake rubutu a v3 shi ne a tsara sunan launi da mataki a cikin theme.extend.colors, kamar "primary: { 500: '#3B82F6' }".
  • Yadda ake rubutu a v4:Yadda ake rubutu a v4 shi ne a tsara sunan launi da mataki a matsayin sunan canji da aka haɗa da layi a cikin @theme, kamar "--color-primary-500: #3B82F6;".

Tsaro da Keɓantawa

Ana gamawa a cikin burauza

Ana sarrafa bayanan da aka shigar a cikin burauzar ku kawai, ba a aika su zuwa waje ba.

Ana'amshi a cikin Burauzar kawai

Lissafin palette da ƙirƙirar lambar ana yin su ne gaba ɗaya a cikin burauzarku, kuma babu bayanan shigarwa da ake aika zuwa sabar.

Sadarwa tana ɓoye ta HTTPS

Ana ɓoye loda shafin ma ta TLS, don haka babu wata ɓangare ta uku da za ta iya karanta abubuwan da ke ciki.

Babu aikawa zuwa ɓangare ta uku

Ba a aika abubuwan shigarwa zuwa sabis na waje kamar hanyoyin talla ko masu bin sawu ba.

Babu adana sakamakon ta atomatik

Ba a adana Launi da sunan launi da aka shigar ko shawarwarin shigarwa a sabar ba.

Bi RAKKOTOOLS ta Google Search

Kayan aiki masu amfani guda 186 za su zama saukin samu ta Google Search da neman AI!

  • Ana samun su ta search
  • Ana nunawa a AI search
  • Gano sabbin kayan aiki

Bayanan sabuntawa

Kayan kayan aiki