Aller au contenu principal

    Kami menggunakan kuki

    Kami menggunakan kuki untuk meningkatkan pengalaman anda.

    Ketahui lebih lanjut di dalam Kuki dan Privasi

    Palet Tailwind

    Jana konfigurasi warna Tailwind CSS. Gunakan Palet Tailwind percuma dalam talian tanpa pendaftaran, dengan hasil pantas dan pemprosesan selamat dalam pelayar.

    // tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        primary: {
        50: '#F2F2FD',
        100: '#E4E5FB',
        200: '#BFC0F8',
        300: '#9395F6',
        400: '#5B5EF5',
        500: '#1418EB',
        600: '#0C0FC6',
        700: '#0508AD',
        800: '#010389',
        900: '#010265',
        950: '#000133',
        },
      },
    },
  },
}

    Palet Tailwind membantu anda bekerja dengan warna terus dalam pelayar.

    Alat ini dibuat untuk pereka, pembangun dan pencipta yang memerlukan hasil pantas dan boleh dipercayai.

    Supported formats

    Tailwind
    CSS
    SCSS
    JSON

    How it works

    1

    Step 1

    Buka Palet Tailwind

    2

    Step 2

    Masukkan atau import warna

    3

    Step 3

    Salin, eksport atau guna semula hasilnya

    Kesilapan biasa yang perlu dielakkan

    • Tidak menyemak kontras boleh menjejaskan kebolehbacaan.
    • Terlalu banyak warna boleh menyukarkan penggunaan palet.

    Tip pro

    • Simpan warna utama sebagai pemboleh ubah CSS.
    • Uji palet dalam mod terang dan gelap sebelum diterbitkan.

    Privacy guaranteed: everything is processed locally in your browser.

    Jika boleh, pemprosesan berlaku secara tempatan dalam pelayar. Akaun tidak diperlukan.

    Palet Tailwind untuk projek warna anda

    Jana konfigurasi warna Tailwind CSS.

    Palet Tailwind tanpa kehilangan ketepatan

    Penukaran menggunakan nilai tepat (HEX, RGB, HSL, OKLCH). Tiada penghampiran visual — anda dapat warna setia kepada niat reka bentuk.

    Palet Tailwind percuma dalam talian

    Tiada pendaftaran, tiada muat turun perisian. Palet Tailwind 100% percuma dan berfungsi di mana-mana pelayar. Pelan percuma merangkumi 10 kali penggunaan sehari.

    Palet Tailwind pantas dan selamat

    Pemprosesan berlaku terus dalam pelayar untuk kelajuan maksimum. Tiada data dihantar ke pelayan kami — warna anda kekal peribadi.

    Palet Tailwind untuk perkongsian dan kerjasama

    Eksport hasil sebagai HEX, RGB, HSL, CSS, JSON atau salin dengan satu klik. Sesuai untuk berkongsi panduan warna dengan pasukan.

    Terokai semua alat warna kami

    Ekstrak, tukar, jana palet, gradien dan kontras WCAG dalam beberapa klik.

    Lihat semua alat

    Related tools

    Pembolehubah CSS
    Tema shadcn/ui
    Pembolehubah SCSS
    Eksport Palet

    Panduan dan tutorial

    Ketahui cara menggunakan alatan kami dengan panduan terperinci kami.

    tailwind-palette: panduan praktikal developer

    Panduan setempat untuk menggunakan tailwind-palette, memahami amalan terbaik developer dan mengelakkan kesilapan biasa.

    tailwind-palette: panduan praktikal developer

    Panduan setempat untuk menggunakan tailwind-palette, memahami amalan terbaik developer dan mengelakkan kesilapan biasa.

    tailwind-palette: panduan praktikal developer

    Panduan setempat untuk menggunakan tailwind-palette, memahami amalan terbaik developer dan mengelakkan kesilapan biasa.

    Frequently asked questions

    Ya, alat ini tersedia secara percuma dalam talian.

    Jika boleh, pemprosesan berlaku dalam pelayar untuk melindungi data anda.