Pembuat Lembar Swatch Warna
Ubah daftar warna hex (opsional dengan nama) menjadi satu lembar swatch SVG terpadu yang dapat diskalakan — grid berlabel yang dapat Anda salin atau unduh sebagai satu file. Berjalan sepenuhnya di browser Anda.
Input
Satu warna per baris: kode hex (#3bf, #3B82F6, atau #3B82F6FF dengan alfa), opsional didahului dengan nama dan titik dua ("Biru: #3B82F6"). Baris kosong diabaikan.
Tata Letak
Label
Output
Lembar swatch Anda akan muncul di sini.
| Nama | Hex | RGB | Warna teks |
|---|---|---|---|
| No data yet | |||
Cara lain menggunakan alat ini
REST API
curl -X POST https://api.iotools.cloud/v1/tool/color-swatch-sheet-generator \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"colorList": "Ocean: #3B82F6\n#F97316\nForest: #16A34A",
"columns": "4",
"swatchSize": "140",
"cornerStyle": "rounded",
"showHex": "true",
"showRgb": "",
"showName": "true"
}'Ganti dengan kunci Anda sendiri dari akun Anda. Bidang alat menjadi isi permintaan — tanpa pembungkus.
Tanyakan ke agen AI
Use the IOTools `color-swatch-sheet-generator` tool (Color Swatch Sheet Generator) on this input:
YOUR_INPUT_HERETempelkan ini ke agen mana pun yang terhubung ke server MCP IOTools, lalu tambahkan input Anda.
Widget sematan
<iframe
src="https://iotools.cloud/embed/color-swatch-sheet-generator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Pembuat Lembar Swatch Warna — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Tempelkan ini di halaman Anda sendiri — gratis, tanpa kunci, cukup tautan balik.
| Biaya per panggilan API/MCP | Mulai dari 5 kredit |
|---|---|
| Butuh kredit lebih? | Lihat harga |
Juga tersedia melalui
Panduan
Apa yang dilakukan pembuat lembar swatch warna ini
Tempelkan daftar warna — satu per baris — dan alat ini akan menyusunnya menjadi satu lembar swatch SVG terpadu: grid ubin berwarna, masing-masing berlabel dengan nilai hexnya (dan opsional nama dan nilai RGB-nya), siap untuk disalin atau diunduh sebagai satu file. Dibangun untuk apa pun yang didukung oleh daftar warna datar: palet merek, file token desain, warna kustom konfigurasi Tailwind, atau moodboard yang Anda ubah menjadi lembar referensi. Tidak ada tanda air, tidak ada akun, dan tidak ada batas berapa kali Anda menjalankannya.
Cara menggunakannya
- Tempelkan warna Anda ke dalam kotak, satu per baris — kode hex (
#3B82F6), opsional didahului dengan nama dan titik dua (Biru: #3B82F6). Baris kosong diabaikan, hingga 100 warna per run. - Atur berapa banyak swatch per baris, seberapa besar setiap swatch, dan gaya sudutnya (kotak, bulat, atau pil).
- Alihkan label mana yang ditampilkan di setiap swatch: hex, RGB, dan/atau nama (jika salah satunya diberikan).
- Salin sumber SVG terpadu, atau unduh sebagai satu file
.svg. - Daftar warna yang diurai juga ditampilkan sebagai tabel — hex, RGB, dan warna teks hitam/putih yang dapat dibaca yang dihitung untuk swatch itu — yang dapat Anda salin atau unduh sebagai CSV.
Format warna apa yang diterima?
Hanya kode hex, dalam tiga panjang standar: singkat 3-digit (#3bf), 6-digit (#3B82F6), dan 8-digit dengan saluran alfa (#3B82F680). Awali baris dengan nama dan titik dua untuk memberi label pada swatch itu (Biru: #3B82F6) — nama opsional, jadi kode hex biasa di barisnya sendiri juga berfungsi. rgb(), hsl(), dan warna bernama CSS (tomato, rebeccapurple) tidak diurai; konversikan ke hex terlebih dahulu jika itu yang Anda mulai.
Bagaimana warna label dipilih?
Secara otomatis, per swatch, menggunakan matematika luminansi-relatif yang sama seperti WCAG Contrast Checker: setiap swatch mendapat teks hitam atau putih, mana pun yang benar-benar mudah dibaca terhadap warna isi spesifik itu — jadi lembar yang mencampur warna sangat terang dan sangat gelap tetap mudah dibaca di seluruh tanpa penyesuaian manual per-swatch.
Apakah ada batas berapa banyak warna yang dapat saya masukkan dalam satu lembar?
Ya — 100 warna per run, sehingga SVG terpadu tetap menjadi ukuran yang dapat dikelola untuk ditinjau, disalin, dan diunduh. Untuk palet yang lebih besar, pisahkan di beberapa run.
Apakah data saya pribadi?
Ya. Lembar dihasilkan sepenuhnya di browser Anda — tidak ada yang Anda tempelkan diunggah, dicatat, atau dikirim ke mana pun. Anda dapat memutus koneksi dari internet dan alat ini masih berfungsi.
Mengapa SVG bukan PNG?
Lembar swatch SVG dapat diskalakan tanpa batas ke ukuran apa pun — perbesar, cetak besar, atau masukkan langsung ke alat desain — tanpa blur atau pengambilan sampel ulang yang dihasilkan ekspor raster pada ukuran yang lebih besar. Setiap ubin warna adalah elemen <rect> biasa dan setiap label elemen <text> biasa, jadi file tetap kecil dan mudah untuk mengedit tangan jika Anda pernah perlu menyesuaikannya di luar alat ini.