Alat desain

Tentang alat-alat ini

Semua 36 alat di bagian ini gratis, bisa di browser pada perangkat apa pun, dan tanpa perlu daftar.

• Konverter HEX ke RGB: Konversi kode warna HEX ke RGB, dan lihat warna yang sama dalam HSL, HSV, CMYK, OKLCH, beserta namanya.
• Konverter RGB ke HEX: Konversi warna rgb(…) ke kode HEX, plus semua format warna lainnya.
• Konverter HEX ke HSL: Konversi warna HEX ke HSL, dengan gradasi yang lebih terang dan lebih gelap.
• Pemeriksa kontras warna: Periksa warna teks dan latar belakang terhadap WCAG AA/AAA, dan dapatkan warna terdekat yang lolos.
• Simulator buta warna: Lihat gambar atau warna Anda seperti yang dilihat penyandang buta warna.
• Generator palet warna: Buat skema warna, kunci warna yang Anda sukai, ambil palet dari foto, dan periksa kontras teks.
• Generator latar belakang gradien: Rancang gradien linear, radial, conic, dan mesh, pilih dari galeri, salin CSS-nya, atau unduh wallpaper.
• Generator glassmorphism: Buat kartu efek kaca buram dengan pratinjau langsung dan salin CSS-nya.
• Generator neumorphism: Buat tombol dan kartu lembut bertampilan 3D (soft UI) dan salin CSS-nya.
• Generator pola CSS: Garis, titik, kisi, papan catur, zigzag, dan lainnya sebagai latar belakang CSS murni atau SVG.
• Generator bentuk SVG: Bintang, poligon, lencana, dan ledakan sebagai SVG atau PNG.
• Generator blob SVG: Bentuk blob organik acak untuk latar belakang dan ilustrasi, sebagai SVG atau PNG.
• Generator gelombang SVG: Gelombang berlapis untuk pemisah bagian dan latar belakang, sebagai SVG, PNG, atau CSS.
• Pembuat pixel art: Gambar pixel art di kisi dengan mode cermin, isi warna, dan urungkan, lalu unduh PNG yang tajam.
• Generator ASCII art: Ubah teks menjadi huruf ASCII besar (banyak font), atau ubah foto menjadi ASCII art.
• Generator favicon & ikon aplikasi: Semua ukuran ikon dari satu gambar: favicon.ico, Apple touch icon, ikon Android dan PWA, beserta kode HTML-nya.
• Pratinjau favicon: Lihat tampilan ikon Anda di tab browser (terang dan gelap), bookmark, hasil Google, dan layar utama ponsel.
• Pembuat banner media sosial: Buat banner YouTube, LinkedIn, X, dan Facebook dengan ukuran tepat dan area aman yang ditampilkan.
• Bingkai foto profil: Tambahkan cincin berwarna dan teks melengkung (seperti HIRING atau nama acara) di sekitar foto profil Anda.
• Alat pemasangan font: Pasangan font judul dan isi pilihan, termasuk Arab, dengan pratinjau langsung dan CSS.
• Desainer kode QR: Kode QR kustom: warna, gradien, bentuk titik dan sudut, logo, serta bingkai “Pindai saya”.
• Pembuat logo dan logo bisnis: Buat logo sederhana dari nama, ikon, dan warna Anda, dan unduh sebagai SVG atau PNG.
• Pembuat tint dan shade: Tint lebih terang, shade lebih gelap, dan tone lebih lembut dari warna apa pun, dengan variabel CSS.
• Pencampur warna: Campur dua warna dalam jumlah apa pun dan lihat hasilnya dalam HEX, RGB, HSL, dan OKLCH.
• Roda warna dan harmoni: Skema warna komplementer, analogus, triadik, dan lainnya dari roda warna.
• Kisi kontras warna: Periksa setiap pasangan teks dan latar di palet Anda terhadap WCAG sekaligus.
• Nama warna CSS: Semua 148 nama warna CSS beserta kodenya, dan nama terdekat untuk warna apa pun.
• Kelvin ke RGB (suhu warna): Ubah suhu warna lampu (2700 K, 6500 K…) menjadi warna HEX dan RGB-nya.
• Pembuat palet warna Tailwind: Buat skala warna Tailwind CSS 50–950 dari warna brand Anda, untuk v3 atau v4.
• Pembuat palet warna Material: Palet tonal gaya Material 3 dan peran warna terang dan gelap dari satu warna benih.
• Pembuat skala bayangan: Buat satu set box shadow serasi (level elevasi) sebagai variabel CSS.
• Pembuat skala warna: Langkah halus antara dua warna untuk grafik, peta, dan gradasi.
• Pembuat teks gradasi: Buat teks gradasi berwarna dengan CSS, atau unduh sebagai PNG transparan.
• Ekstrak warna dari gambar: Temukan warna utama foto atau logo, beserta seberapa banyak setiap warna.
• Pemeriksa palet aman buta warna: Periksa apakah orang dengan buta warna dapat membedakan warna palet Anda.
• Pembuat warna acak: Warna acak, cerah, pastel, gelap, atau earthy, dengan nama, kode HEX, dan kunci.