Lengkung tint harmoni
Langkah kecerahan seimbang menyokong kebolehbacaan antara muka.
Semua alat
Alat pembangun
Penjana Palet Warna & Tint Tailwind
Jana skala warna 50–950 daripada imej atau kod HEX utama dengan kontras WCAG dan pemboleh ubah CSS sekali klik.
Privasi sebagai lalai. Pemprosesan berlaku dalam pelayar anda.
- Tambah inputPilih fail, tampal kandungan atau masukkan butiran.
- Pilih tetapanSemak tetapan lalai yang berguna dan ubah jika perlu.
- Simpan hasilSalin atau muat turun hasil yang siap.
Praset:
50
#fcf4f3
Gelap AA
100
#f9e6e2
Gelap AA
200
#f3c3b9
Gelap AA
300
#ee9886
Gelap AA
400
#ea684e
Gelap AA
500Asas
#e84e2f
Gelap AA
600
#c23114
Putih AA
700
#9a250e
Putih AA
800
#711b0a
Putih AA
900
#471005
Putih AA
950
#2b0903
Putih AA
Salin Pantas:
HSL: 10°, 80%, 55%·RGB: 232, 78, 47
Dibina untuk sistem reka bentuk dan pembangun frontend
Beralih daripada inspirasi imej kepada token tema yang boleh disalin dalam beberapa saat.
Sedia Tailwind v3 dan v4
Eksport nilai palet kepada CSS dan aliran kerja Tailwind moden.
Keperluan penjanaan palet
Cipta warna guna semula dengan panduan kontras terbina dalam.
- Jana skala warna 50–950.
- Ekstrak warna daripada imej atau pilih nilai HEX.
- Eksport CSS, SCSS, JSON atau kod Tailwind.
Soalan lazim
Bolehkah warna diekstrak daripada imej?
Ya. Muat naik imej PNG, JPG atau WebP dan sampel warna dominan.
Adakah data warna meninggalkan pelayar?
Tidak. Pengiraan warna berlaku secara setempat.
Perlukan sistem reka bentuk tersuai?
Kami membina pustaka komponen UI dan token reka bentuk berskala.
Mulakan projek