Generasi Werna Tailwind
Gawe palet 11 tingkatan 50–950 Tailwind CSS lan kode konfigurasi saka siji kode Hex
Fitur
Gawe 11 tingkatan otomatis saka 1 werna
Werna sing dilebokake dianggep 500, banjur dietung gradasine saka 50 nganti 950
Nyengkuyung format v3 lan v4
Ganti tampilan antarane cara nulis config lan @theme nganggo tab
Copy Hex saben tingkatan
Copy kode werna siji-siji nganggo tombol ing saben conto werna
Palet dianyarake bareng karo input
Bandhingake werna tanpa kudu mencet tombol jalanake
Cara Nggunakake
Lebokna Hex werna dhasar
Ketik kode Hex, utawa klik conto werna ing sisih kiwa kanggo milih nganggo pemilih werna
Lebokna jeneng werna yen perlu
Ketik jeneng werna sing bakal digunakake ing kode nganggo aksara cilik Inggris. Yen kosong, 'primary' bakal digunakake
Priksa conto werna 11 tingkatan
Priksa conto werna lan kode Hex saka 50 nganti 950, banjur copy siji-siji nganggo tombol copy ing saben conto
Pilih format output banjur copy
Pilih v3 utawa v4, banjur klik 'Copy Kode' kanggo ditempelake ing tailwind.config.js utawa file CSS
Conto Panganggo
Gawe gradasi werna merek
Nyelarasake gradasi sing digunakake kanggo hover tombol utawa latar mburi, saka siji werna merek
Nambah werna sing ora ana ing palet standar
Nambahake werna khusus proyek sing ora ana ing werna standar Tailwind, kanthi 11 tingkatan, menyang file konfigurasi
Gawe konfigurasi @theme v4
Nulis variabel CSS Tailwind v4 kanthi lengkap saka werna utama situs
Nyiapake implementasi desain
Nyiapake kode 11 tingkatan kanggo implementasi saka werna sing ditemtokake ing desain, uga dicathet ing piranti desain
Pengetahuan Dhasar
Apa tegese 50–950 ing Tailwind
Werna ing Tailwind CSS nggunakake angka 11 tingkatan, saka 50 sing paling padhang nganti 950 sing paling peteng, kanggo nuduhake tingkat pepadhang, dene 500 dadi dhasar werna kasebut. Angka iki ditambahake ing pungkasan jeneng kelas, kayata 'bg-primary-500' utawa 'text-primary-700'.
- Tingkatan 50–300：Tingkatan 50–300 iku werna padhang sing kerep digunakake kanggo latar mburi utawa warna sing tipis, isih kebaca yen ditambahi tulisan werna peteng ing ndhuwure.
- Tingkatan 600–950：Tingkatan 600–950 iku werna peteng sing kerep digunakake kanggo hover tombol utawa werna tulisan judhul, katon cetha yen ditaruh ing latar mburi putih.
Bedane cara nemtokake werna ing v3 lan v4
Ing Tailwind CSS v3, werna ditemtokake nganggo JavaScript ing tailwind.config.js, dene ing v4 ditemtokake minangka variabel CSS ing jero @theme ing file CSS. Senajan carane beda, werna sing wis ditemtokake bisa digunakake kanthi jeneng kelas sing padha, kayata 'bg-primary-500'.
- Cara nulis v3：Cara nulis v3 yaiku nulis jeneng werna lan tingkatan kanthi nested ing jero theme.extend.colors, kayata 'primary: { 500: '#3B82F6' }'.
- Cara nulis v4：Cara nulis v4 yaiku nulis variabel ing jero @theme kanthi nyambung jeneng werna lan tingkatan nganggo tanda hubung, kayata '--color-primary-500: #3B82F6;'.
Keamanan lan Privasi
Rampung ing browser
Data sing dilebokaké mung diolah ing njero browser sampéyan lan ora dikirim metu.
Diproses ing browser wae
Itungan palet lan generasi kode kabeh ditindakake ing browser sampeyan, data input ora dikirim menyang server.
Komunikasi dienkripsi nganggo HTTPS
Pemuatan kaca uga dienkripsi nganggo TLS, mula isine ora bisa diwaca dening pihak katelu.
Ora dikirim menyang pihak katelu
Isi input ora dikirim menyang layanan eksternal kaya jaringan iklan utawa tracker.
Asil ora disimpen otomatis
Werna lan jeneng werna sing dilebokake lan kandidat input ora disimpen ing server.
Follow RAKKOTOOLS ing Panelusuran Google
186 piranti migunani bakal luwih gampang ditemokake liwat Panelusuran Google lan AI Search!
- Ditemokake ing panelusuran
- Uga katon ing AI Search
- Nemokake piranti anyar
Informasi pembaruan
- update #318
Nambahake Tailwind Color Generator, nggawe warna 11 tingkat lan kode setelan saka 1 warna