Gineadóir Dathanna Tailwind
Gin pailéad de 11 ton (50–950) Tailwind CSS agus an cód cumraíochta ó chód Hex aon datha
Gnéithe
11 ton go huathoibríoch ó dhath amháin
Cuirtear an dath a iontráladh ag 500 agus ríomhtar na toin 50–950
Tacaíocht do v3 agus v4
Athraigh idir stíl config agus @theme leis na cluaisíní
Cóipeáil an Hex de réir toin
Cnaipe ag gach sampla datha chun cód amháin a chóipeáil
Nuashonrú an phailéid le linn iontrála
Gan gá le cnaipe rite — triail dathanna agus déan comparáid láithreach
Conas é a úsáid
Iontráil Hex an bhundatha
Iontráil cód Hex, nó cliceáil an sampla datha ar chlé agus roghnaigh é leis an roghnóir dathanna
Iontráil ainm an datha más gá
Iontráil ainm an datha le haghaidh an chóid i litreacha beaga. Má fhágtar folamh é, úsáidtear primary
Seiceáil na 11 sampla datha
Seiceáil na samplaí datha 50–950 agus na cóid Hex, agus cóipeáil ceann ar cheann leis an gcnaipe cóipeála
Roghnaigh formáid aschuir agus cóipeáil
Roghnaigh v3 nó v4 agus brúigh "Cóipeáil an cód" chun é a ghreamú i tailwind.config.js nó i gcomhad CSS
Cásanna úsáide
Toin a chruthú do dhath branda
Cruthaigh na toin do hover cnaipí agus do chúlraí ó aon dath branda amháin
Dath nach bhfuil sa phailéad caighdeánach a chur leis
Cuir dath ar leith don tionscadal, nach bhfuil i ndathanna caighdeánacha Tailwind, leis an gcomhad cumraíochta mar 11 ton
Cumraíocht @theme v4 a chruthú
Scríobh athróga CSS Tailwind v4 le chéile ó phríomhdhath an tsuímh
Ullmhúchán chun dearadh a chur i bhfeidhm
Ullmhaigh cód 11 ton don chur i bhfeidhm ó dhathanna sonraithe an dearaidh, agus cuir isteach in uirlisí dearaidh iad freisin
Buneolas
Cad a léiríonn 50–950 in Tailwind
Léiríonn dathanna Tailwind CSS an gile le 11 chéim uimhriúil, 50 an ceann is éadroime agus 950 an ceann is doimhne, agus is é 500 bunleibhéal an datha. Cuirtear an uimhir ag deireadh an ainm ranga, mar shampla "bg-primary-500" nó "text-primary-700".
- Na céimeanna 50–300：Is dathanna geala iad na céimeanna 50–300 a úsáidtear go minic do chúlraí agus do líonadh éadrom, agus fanann téacs dorcha inléite orthu.
- Na céimeanna 600–950：Is dathanna dorcha iad na céimeanna 600–950 a úsáidtear go minic do hover cnaipí nó do dhath téacs ceannteideal, agus bíonn siad soiléir fiú ar chúlra bán.
An difríocht idir sainmhíniú dathanna in v3 agus v4
In Tailwind CSS v3 sainmhínítear dathanna in JavaScript laistigh de tailwind.config.js, agus in v4 sainmhínítear iad mar athróga CSS laistigh de @theme sa chomhad CSS. Leis an dá stíl, is féidir na dathanna sainmhínithe a úsáid leis an ainm ranga céanna, mar "bg-primary-500".
- Stíl v3：Is é stíl v3 ná ainm an datha agus na céimeanna a scríobh neadaithe laistigh de theme.extend.colors, mar "primary: { 500: '#3B82F6' }".
- Stíl v4：Is é stíl v4 ná ainm athróige ina gceanglaítear ainm an datha agus an chéim le fleiscín laistigh de @theme, mar "--color-primary-500: #3B82F6;".
Sábháilteacht agus príobháideacht
Sa bhrabhsálaí amháin
Próiseáiltear na sonraí ionchurtha laistigh de do bhrabhsálaí amháin agus ní sheoltar chuig áit ar bith eile iad.
Próiseáil laistigh den bhréagláir amháin
Déantar Ríomh an phailéid agus giniúint an chóid go léir laistigh de do bhréagláir, agus ní chuirtear sonraí ionchuir ar an bhfreastalaí.
Criptithe cumarsáide le HTTPS
Criptiú TLS a dhéantar ar bhreiseach na leathanaigh, agus ní bheidh tríú páirtithe ábalta an inneachar a léamh.
Gan fhéadain do thríú páirtithe
Ní chuirtear inneachar ionchuir ar sheachfhórsaí ar nós líonraí fógra nó tracers.
Gan tsábháil uathoibríoch torthaí
Ní dhéantar An dath agus an t-ainm datha a iontráladh ná roghanna ionchuir a stóráil ar an bhfreastalaí.
Lean RAKKOTOOLS ar Chuardach Google
Beidh sé níos éasca 187 uirlis áisiúla a aimsiú trí Chuardach Google agus cuardach AI!
- Le fáil sa chuardach
- Le feiceáil i gcuardach AI freisin
- Uirlisí nua a aimsiú
Eolas nuashonraithe
- update #318
Cuireadh gineadóir dathanna Tailwind leis: cruthaigh 11 leibhéal datha agus cód cumraíochta ó dhath amháin