Penjana Palet Warna: Skema, Tona dan Eksport – Percuma
Percuma, tanpa daftar, berfungsi dalam penyemak imbas anda. Jana palet lima warna, kunci warna kegemaran, atau bina skema daripada warna asas anda. Lihat 11 tona setiap warna dan eksport ke CSS, Tailwind atau JSON.
Bina daripada warna
Harmoni warna memutar rona di sekeliling roda warna: analogus kekal dekat, pelengkap menggunakan sisi bertentangan, triad membahagikan tiga rona secara sama rata.
Nada #2F5BFF
Klik nada untuk menyalinnya. Pilih warna lain dalam palet untuk melihat nadanya.
Eksport
Palet dibuat pada peranti anda.
Mengapa guna Penjana Palet Warna
- 100% percuma
- Gunakan seberapa kerap yang anda mahu. Tanpa daftar, tanpa tera air, tiada apa perlu dipasang.
- Peribadi mengikut reka bentuk
- Apa yang anda taip kekal dalam penyemak imbas anda dan tidak pernah dihantar kepada kami.
- Berfungsi pada mana-mana peranti
- Berjalan dalam penyemak imbas anda pada Windows, Mac, Linux, Android dan iPhone. Tiada aplikasi diperlukan.
Cara guna Penjana Palet Warna
- Klik Jana palet, atau tekan bar ruang, sehingga anda melihat warna yang anda suka.
- Klik Kunci pada mana-mana warna untuk mengekalkannya semasa yang lain berubah. Gunakan Sunting untuk memperhalusi warna dengan pemilih.
- Untuk bermula dengan warna anda sendiri, masukkan di bawah Bina daripada warna, pilih harmoni (analog, pelengkap, pelengkap berpecah, triadik, tetradik atau monokromatik) dan klik Guna.
- Klik kod HEX warna untuk melihat 11 tona dari 50 hingga 950. Klik mana-mana tona untuk menyalinnya.
- Di bawah Eksport, pilih pembolehubah CSS, Tailwind, JSON atau senarai HEX, kemudian Salin atau Muat turun.
Soalan lazim
Bagaimana saya membuat palet warna daripada satu warna?
Taip atau pilih warna anda di bawah Bina daripada warna, pilih harmoni dan klik Guna. Anda mendapat lima warna yang sesuai dengannya, dan mana-mana warna yang anda kunci kekal sama.
Apakah harmoni warna?
Set warna yang dipilih mengikut kedudukannya pada roda warna. Warna analog duduk bersebelahan, warna pelengkap saling berhadapan, pelengkap berpecah menggunakan dua warna di kedua-dua belah warna bertentangan, triadik membahagi tiga rona sama rata, tetradik menggunakan empat, dan monokromatik mengekalkan satu rona pada kecerahan yang berbeza.
Harmoni mana patut saya pilih?
Analog dan monokromatik memberi rasa tenang dan sesuai untuk kebanyakan laman web dan jenama. Pelengkap dan triadik memberi kontras yang lebih kuat, yang sesuai untuk aksen, butang dan reka bentuk yang ceria.
Apakah tona dan tint?
Versi lebih gelap dan lebih cerah bagi satu warna. Skala tona memberi sebelas langkah dari 50 (paling cerah) hingga 950 (paling gelap) dalam rona yang sama, cara sistem reka bentuk menamakannya.
Bagaimana saya guna palet dalam kod saya?
Eksportnya sebagai pembolehubah CSS (--color-1 hingga --color-5), blok @theme Tailwind, tatasusunan JSON atau senarai biasa kod HEX, kemudian salin atau muat turunnya sebagai fail.
Adakah eksport Tailwind berfungsi dengan Tailwind CSS v4?
Ya. Ia ialah blok @theme dengan --color-palette-100 hingga --color-palette-500, yang Tailwind v4 tukarkan kepada kelas seperti bg-palette-100. Untuk v3, salin kod HEX ke bahagian colors dalam konfigurasi anda.
Bolehkah saya simpan sesetengah warna dan tukar yang lain?
Ya. Kunci warna yang ingin anda simpan. Jana palet dan Guna hanya mengubah yang tidak dikunci, dan palet rawak dibina untuk sesuai dengan warna dikunci pertama anda.
Adakah apa-apa dimuat naik?
Tidak. Palet dibuat pada peranti anda.
Adakah Penjana Palet Warna percuma?
Ya. Ia percuma digunakan, tanpa daftar dan tiada apa perlu dipasang.
Panduan bantuan dan cara (dalam bahasa Inggeris)
- The 60-30-10 Color Rule for Websites and Slides (Free)The 60-30-10 rule splits a design into a dominant colour, a secondary and an accent. Use it on web pages and slides with HEX codes and a free palette generator.
- Christmas Color Palette Ideas with HEX Codes (Free)Five Christmas colour palettes with HEX codes, from classic red and green to Nordic and midnight blue, with contrast-checked text pairs. Build more free.
- Color Theory Basics: The Wheel and Color Schemes (Free)The colour wheel, hue, saturation and lightness, and complementary, analogous, triadic and monochromatic schemes, with HEX examples from a free tool.
- Holi Colors: Gulal Color Palette with HEX Codes (Free)Holi colours as HEX codes for posters, invites and social posts: gulal pink, marigold, kesari, green, blue, purple, with readable text. Free palette generator.
- Indian Wedding Color Palette Ideas with HEX Codes (Free)Five Indian wedding colour palettes with HEX codes for invites and decor: haldi yellow, mehndi green, sindoor red and gold, jewel tones. Free palette generator.
- Figma Alternatives: Free and Paid UI Design ToolsThe best Figma alternatives compared, including Penpot, Sketch, Lunacy, Framer and EveryApp's Interface Designer, with how to move your .fig files.
Alat berkaitan
- Palet Warna daripada ImejDapatkan warna utama foto atau logo sebagai kod HEX. Pilih 2 hingga 12 warna, klik mana-mana titik, dan salin sebagai HEX, pembolehubah CSS atau JSON.
- Penyemak Kontras WarnaSemak nisbah kontras WCAG antara warna teks dan latar, dengan keputusan lulus atau gagal untuk AA dan AAA. Jika gagal, klik warna terdekat yang lulus.
- Penjana Kecerunan CSSReka kecerunan linear, jejari atau kon dengan 2 hingga 8 hentian warna. Lihat secara langsung, salin kod CSS atau muat turun sebagai PNG.
- Penukar Warna HEX ke RGBTukar HEX kepada RGB atau sebaliknya semasa menaip. Dapatkan HEX, RGB, HSL, HSV dan CMYK serentak, serta semak kebolehbacaan teks pada warna.