Ġeneratur tal-Kuluri ta' Tailwind
Ġenera paliżża ta' 11 sfumature minn 50 sa 950 tal-Tailwind CSS u l-kodiċi tal-konfigurazzjoni minn kodiċi Hex ta' kulur wieħed
Karatteristiċi
Ġenerazzjoni otomatika ta' 11 sfumatura minn kulur wieħed
Ikkalkula l-isfumature minn 50 sa 950 billi tpoġġi l-kulur inputted fuq 500
Appoġġ għat-two formats v3 u v4
Ibdel bejn il-modi ta' konfigurazzjoni u @theme billi tgħaqqad tabs
Ikkopja Hex għal kull sfumatura
Ikkopja l-kodiċi tal-kulur wieħed b'wieħed permezz tal-buttuna għal kull kampjun tal-kulur
Aġġorna l-paliżża tal-istess ħin tal-input
Ikkompara billi tipprova kuluri mingħajr bżonn ta' buttuna ta' eżekuzzjoni
Kif Tuża
Daħħal il-Hex tal-kulur bażi
Daħħal il-kodiċi Hex jew ikklikkja l-kampjun tal-kulur fuq ix-xellug biex tagħżel permezz tal-color picker
Daħħal isem tal-kulur skont il-ħtiġa
Daħħal l-isem tal-kulur li tuża fil-kodiċi f'ittri żgħar bl-Ingliż. Jekk vojt, jintuża primary
Iċċeċċa l-kampjuni tal-kulur ta' 11 sfumatura
Iċċeċċa l-kampjuni tal-kulur u l-kodiċi Hex minn 50 sa 950, u nuskopja wieħed b'wieħed permezz tal-buttuna ta' kopy tal-kampjun
Agħżel il-format tal-output u ikkopja
Agħżel v3 jew v4 u ikkopja l-kodiċi permezz ta' "Ikkopja l-Kodiċi" biex tippejzak fil-tailwind.config.js jew il-fajl CSS
Każi ta' Użu
Ħolqien ta' Sfumatura tal-Kulur tal-Brandt
Allinea l-isfumature li ttuża għal buttons on hover u sfond minn kulur brandt wieħed
Iżjada ta' Kuluri li Mhumiex fil-Paliżża Standard
Żid kuluri uniċi tal-proġett li mhumiex fil-kuluri standard ta' Tailwind fil-fajl ta' konfigurazzjoni f'11 sfumatura
Ħolqien ta' @theme setting v4
Ikteb minn ġdid il-varjabbli CSS ta' Tailwind v4 biss minn il-kulur ewlieni tal-websajt
Preparazzjoni tal-Implimentazzjoni tal-Kampjun tad-Disinj
Ippreparar il-kodiċi ta' 11 sfumatura għall-implimentazzjoni minn il-kulur speċifikat tal-kampjun, u ttrasferixxi wkoll għall-għodot tad-disinj
Il-Għarfien tal-Bażi
Dak li Jirrappreżenta 50 sa 950 ta' Tailwind
Il-kuluri ta' Tailwind CSS jirrappreżentaw il-luminosità permezz ta' 11 livelli ta' numri minn 50 (l-iqal ċar) sa 950 (l-iqal skur), u 500 huwa l-bażi tal-kulur. In-numri jintużaw billi jintgħeddu fl-aħħar tal-isem tal-klassi bħal "bg-primary-500" jew "text-primary-700".
- Il-livell minn 50 sa 300：Il-livelli minn 50 sa 300 huma kuluri ċari li jintużaw ħafna għallkuluri tal-sfond u msiħ, u huma kuluri li jridu jkunu leġġibli meta titfesx testi skur fuqhom.
- Il-livell minn 600 sa 950：Il-livelli minn 600 sa 950 huma kuluri skuri li jintużaw ħafna għal hover time ta' buttons u kulur ta' testi tal-headings, u kuluri li jirriżultaw ċari anke fuq sfond abjad.
Differenza fil-metodi tad-definizzjoni tal-kulur bejn v3 u v4
Fil-v3 tal-Tailwind CSS, il-kuluri jiddefinxu f'JavaScript tal-tailwind.config.js, u fil-v4 jiddefinxu bħala varjabbli CSS fil-@theme fajl CSS. Fi kwalunkwe direzzjoni tal-kitba, il-kuluri definiti jintużaw b'istess isem tal-klassi bħal "bg-primary-500".
- Il-metodu v3：Il-metodu v3 huwa format fejn tikteb il-kuluri bħal "primary: { 500: '#3B82F6' }" ġewwa theme.extend.colors bl-isem tal-kulur u l-livell nested.
- Il-metodu v4：Il-metodu v4 huwa format fejn tikteb varjabbli bħal "--color-primary-500: #3B82F6;" ġewwa @theme bl-isem tal-kulur u l-livell konnessi b'hyphens.
Is-Sigurtà u l-Privatezza
Kollox fil-browser
Id-data li ddaħħal tiġi pproċessata biss fil-browser tiegħek u ma tintbagħatx barra.
Ipproċessament biss fil-browser
Il-kalkolu tal-paliżża u l-ġenerazzjoni tal-kodiċi jitwettaq kollu fil-browser tiegħek, u d-data ta' input mhix trimesa lill-server.
Il-komunikazzjoni hija encrypted bil-HTTPS
It-tagħbija tal-paġna hija wkoll encrypted bit-TLS, u l-kontenut mhux tista' jkun aqra minn partiti terzi.
Ebda trimesa lill-partiti terzi
Il-kontenut ta' input mhux trimesa lill-servizzi esterni bħal netwerks ta' advertajment jew trackers.
Ebda ħfinta awtomatika tal-riżultati
Il-kuluri u l-ismijiet tal-kuluri li daħħalt u suġżerimenti ta' input mhux miġħoża fuq il-server.
Segwi lil RAKKOTOOLS fuq Google Search
187 għodod utli li jintlaħqu faċilment minn Google Search u AI Search!
- Ħela permezz tas-Segwi
- Jidher ukoll fl-AI Search
- Skopri għodod ġodda
Informazzjoni dwar aġġornamenti
- update #318
Ġeneratur tal-Kuluri ta' Tailwind miżjud, oħloq 11 sfumature ta' kulur minn kulur wieħed u kodiċi ta' konfigurazzjoni