Alat Desain

Pemilih warna visual dengan konversi ke HEX, RGB, HSL, HSV, CMYK, HWB, dan CIE LAB. Input dua arah, pemeriksaan kontras WCAG, output variabel CSS - Pemilih warna online gratis.

Masukkan warna HEX atau RGB dan temukan secara instan nama warna terdekat dari lebih dari 300 warna CSS, X11, dan Pantone. Cari berdasarkan nama atau telusuri seluruh database - Pencari nama warna online gratis.

Hitung rasio kontras WCAG 2.1 dan periksa kepatuhan AA/AAA untuk teks normal, teks besar, dan komponen UI - pratinjau langsung, input HEX dan RGB. Pemeriksa kontras online gratis.

Hitung perbedaan warna yang dapat dipersepsikan (ΔE 2000 / CIEDE2000) antara dua warna - masukkan nilai HEX atau RGB dan dapatkan skor Delta-E dengan perbandingan visual dan rincian CIE L*a*b*. Kalkulator perbedaan warna online gratis.

Hasilkan tint (dicampur putih) dan shade (dicampur hitam) dari warna dasar apa pun - 5-12 langkah, variabel CSS, konfigurasi Tailwind, dan ekspor daftar HEX. Generator tint dan shade online gratis.

Referensi yang dapat dicari dari semua token warna Material Design 3 (Material You) - peran warna, palet tonal, nama variabel CSS, dan nilai untuk tema terang/gelap. Klik swatch untuk menyalin.

Buat gradien CSS linear, radial, dan conic secara visual: pilih color stop, atur posisi, tentukan arah, dan salin nilai CSS background seketika. Hingga 8 stop - generator gradien warna online gratis.

Campur dua warna apa pun dengan rasio kustom dalam mode sRGB, Linear, atau Oklab: lihat hasilnya dalam HEX, RGB, HSL, dan HSV dengan pratinjau gradien 11 langkah. Pencampur warna online gratis.

Konversi nilai Kelvin mana pun (1000 K-10000 K) menjadi perkiraan warna RGB dan HEX: skala interaktif, 12 preset sumber cahaya, dan rincian kanal RGB. Konverter suhu warna online gratis.

Konversi palet mode terang apa pun menjadi padanan mode gelap dengan pemeriksaan kontras WCAG: tiga mode adaptasi serta ekspor ke variabel CSS dan konfigurasi Tailwind. Adapter mode gelap online gratis.

Cari, filter, dan salin semua 148 warna bernama CSS beserta nilai HEX, RGB, dan HSL. Filter berdasarkan 12 keluarga warna - referensi warna bernama CSS online gratis.

Temukan arti setiap warna utama dalam pemasaran dan desain: asosiasi psikologis, konteks budaya, penggunaan merek, dan tips desain untuk 12 keluarga warna. Bisa dicari. Referensi psikologi warna online gratis.

Konversi HEX ke HSL, RGB ke HSL, dan antar semua format warna seketika. Input dua arah: HEX, RGB, HSL, HSV, dan nilai per kanal. Kalkulator HEX ke HSL online gratis.

Cari dan salin warna merek lebih dari 200 merek besar: Apple, Google, Meta, Nike, dan lainnya. Nilai HEX dan RGB, 10 kategori industri - pencarian warna merek online gratis.

Hasilkan warna acak dengan satu klik: menampilkan HEX, RGB, HSL, CMYK, dan HWB. Kunci hue, saturasi, atau kecerahan. Tetapkan rentang min/max. Hasilkan hingga 50 warna sekaligus - generator warna acak online gratis.

Roda warna interaktif: klik posisi mana pun untuk menjelajahi harmoni komplementer, analog, triadik, tetradik, dan monokromatik dengan ekspor ke variabel CSS. Penjelajah harmoni warna online gratis.

Hasilkan roda warna SVG atau PNG kustom untuk kecerahan dan saturasi apa pun. Pilih dari 7 preset, atur jumlah segmen dan radius dalam, lalu unduh seketika - generator roda warna online gratis.

Konversi semua 213 kode warna RAL Classic ke HEX dan RGB. Cari berdasarkan kode RAL, nama warna Inggris atau Jerman, atau nilai HEX. Filter berdasarkan kategori - konverter RAL ke HEX online gratis.

Konversi referensi Pantone PMS menjadi perkiraan nilai HEX dan RGB/HSL untuk desain digital. Cari berdasarkan kode, nama, atau nilai HEX - konverter Pantone ke HEX online gratis.

Konversi rgba() ke HEX8 dan hsla() ke rgba(), serta lihat pratinjau campuran pada latar putih, hitam, dan kustom, dengan generator skala opasitas. Konverter opasitas alpha online gratis.

Galeri pilihan berisi 110+ latar gradien CSS: jelajahi berdasarkan gaya (matahari terbenam, laut, neon, gelap, pastel, dan lainnya) dan salin nilai CSS background dengan satu klik. Pustaka latar gradien online gratis.

Hasilkan kode QR yang dapat dipindai untuk URL, WiFi, vCard, dan teks biasa, lalu unduh sebagai SVG atau PNG. Generator kode QR online gratis.

Buat banner pratinjau sosial (gambar OG) berukuran 1200×630 px dengan teks, warna, dan tata letak kustom - Generator gambar OG online gratis.

Hasilkan favicon PNG atau SVG dari inisial, satu huruf, atau emoji apa pun tanpa perlu mengunggah gambar. Unduh semua ukuran standar (16 px hingga 512 px) - Generator favicon dari teks online gratis.

Ubah teks menjadi seni ASCII besar dan bergaya memakai font bergaya FIGlet: 6 gaya font, 4 set karakter, lebar kustom, salin atau unduh sebagai .txt - Generator seni ASCII online gratis.

Masukkan hingga 12 warna dengan label kustom dan unduh kartu sampel PDF siap cetak: A4 atau Letter, 2/3/4 kolom, nilai HEX/RGB/HSL, label di dalam atau di bawah. Generator kartu sampel warna online gratis.

Desain kartu nama dua sisi dengan nama, jabatan, perusahaan, telepon, email, situs web, dan akun media sosial. Pilih dari 4 templat tata letak, sesuaikan warna dan font, lalu unduh PDF siap cetak dengan tanda potong. Desainer kartu nama online gratis - tanpa pendaftaran.

Buat bagan garis waktu horizontal dengan tanggal, penanda tonggak, deskripsi, dan kategori berkode warna. Tambahkan baris untuk jalur paralel. Ekspor sebagai PNG atau PDF. Pembuat garis waktu online gratis - tanpa pendaftaran.

Hasilkan templat meme kosong dari gambar apa pun: tambahkan placeholder teks di atas dan bawah dengan ukuran font, garis tepi, bayangan, dan huruf kapital yang dapat disesuaikan. Pilih dari 6 format meme preset atau buat sendiri. Unduh sebagai PNG siap dibagikan atau salin ke clipboard. Generator templat meme online gratis - tanpa pendaftaran.

Pratinjau semua 38 gaya kursor CSS standar saat diarahkan dan salin deklarasi CSS dengan satu klik - Penguji kursor CSS online gratis.

Pratinjau perilaku animasi CSS yang dipicu oleh scroll (fade-in, slide-up, skala, blur) dengan pengaturan yang dapat disesuaikan dan salin kode CSS + JS - Pratinjau animasi scroll online gratis.

Tempelkan nilai warna CSS apa pun (hex3, hex6, hex8, rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), lch(), lab(), atau warna bernama) dan dapatkan semua format padanannya seketika. Konversi seluruh stylesheet dengan satu klik. Konverter format warna CSS online gratis.

Perkecil ukuran file font dengan hanya menyimpan karakter Unicode yang benar-benar dipakai halaman Anda, hal penting untuk Core Web Vitals. Mendukung TTF, OTF, WOFF, dan WOFF2. Subsetter font online gratis.

Tempelkan string karakter dan ekstrak hanya glyph tersebut ke file font minimal: ideal untuk logotype, font ikon, dan label antarmuka. Menghasilkan cuplikan CSS unicode-range. Subsetter font glyph kustom online gratis.

Hapus semua glyph non-Latin dari font TTF dan OTF: memangkas font CJK atau multi-skrip besar sebesar 80-95% untuk situs berbahasa Inggris saja. Membaca biner OpenType di browser. Subsetter font hanya Latin online gratis.