Softonic

Generator Warna Acak

Langkah 1 / 4 Warna acak
Berikutnya: palet

Buat kumpulan baru kode warna HEX acak dari rentang sRGB 24-bit. Pilih jumlah contoh warna yang diperlukan, lihat pratinjaunya seketika, lalu salin kodenya ke CSS, catatan desain, fixture QA, atau eksperimen palet.

Cara membuat warna HEX acak

  1. 1

    Pilih jumlah

    Masukkan angka dari 1 hingga 50 sesuai jumlah contoh warna yang ingin Anda tinjau.

  2. 2

    Buat contoh warna

    Setiap hasil adalah kode HEX enam digit dalam bentuk #RRGGBB, dengan nilai kanal merah, hijau, dan biru yang terpisah.

  3. 3

    Salin dan uji

    Simpan warna yang cocok, periksa kontras sebelum dipakai bersama teks, dan ubah ke RGB atau HSL hanya jika alur kerja Anda memerlukannya.

Apa yang dibuat generator ini

Setiap kode mewakili warna sRGB 24-bit: 8 bit untuk merah, 8 untuk hijau, dan 8 untuk biru. Artinya ada 16.777.216 nilai HEX yang mungkin, dari #000000 sampai #FFFFFF. Alat ini menampilkan contoh warna dan kodenya; tidak memberi nama, peringkat, atau jaminan keterbacaan warna.

Membaca warna HEX

Bagian Arti Rentang
# Penanda warna CSS Awalan tetap
RR Kanal merah 00 sampai FF
GG Kanal hijau 00 sampai FF
BB Kanal biru 00 sampai FF

Penggunaan praktis

  • Membuat sketsa state UI, aksen bagan, atau gambar sementara ketika pilihan warna final belum ditentukan.
  • Menyusun palet awal, lalu membuang warna yang terlalu mirip, terlalu gelap, atau terlalu mencolok.
  • Membuat data uji untuk CSS, SVG, canvas, dan contoh design system.

Sebelum memakai warna acak di produksi

Warna acak hanya titik awal. Untuk teks, tombol, dan kontrol, uji terhadap warna latar atau warna depan. WCAG AA meminta rasio kontras 4,5:1 untuk teks normal dan 3:1 untuk teks besar. Untuk merek atau cetak, tinjau warna di layar yang terkalibrasi dan konversikan secara terpisah untuk kebutuhan cetak.

Pertanyaan yang Sering Diajukan

HEX acak mencakup semua nilai kanal, jadi banyak hasil tidak akan langsung terlihat seperti warna palet yang sudah dipoles. Buat pilihan yang lebih banyak dan simpan contoh dengan kontras serta saturasi yang cukup untuk kebutuhan Anda.

Alat ini membuat warna acak yang berdiri sendiri. Untuk palet yang lebih padu, gunakan generator palet atau pertahankan satu keluarga hue secara manual sambil memilih variasi yang lebih terang dan lebih gelap.

Tidak ada kontrol seed di alat ini. Salin kode HEX yang ingin Anda simpan agar bisa digunakan kembali nanti.

Ya. Nilai HEX enam digit #RRGGBB adalah sintaks warna CSS standar dan bisa dipakai pada properti seperti color, background-color, border, gradien, dan fill SVG.

Jangan dipercaya tanpa pemeriksaan kontras. Contoh warna acak bisa dengan mudah gagal memenuhi persyaratan kontras WCAG, terutama di belakang teks kecil atau tipografi ringan.

Alat Terkait

Generator Konfigurasi Webpack

Buat webpack.config.js untuk webpack 5 bagi JavaScript biasa, React, atau Vue: TypeScript, Babel, CSS atau Sass, gambar, HtmlWebpackPlugin, server pengembangan, dan baris npm install.

Referensi Tabel ASCII

Tabel ASCII lengkap dari 0 sampai 127 dengan desimal, heksadesimal, oktal, biner, dan referensi karakter numerik HTML untuk setiap karakter, termasuk kode kontrol seperti NUL, LF, dan DEL.

Validator OpenAPI

Tempel dokumen OpenAPI atau Swagger dalam JSON atau YAML dan periksa struktur intinya: bidang versi, objek info, dan paths, dengan galat dan peringatan yang jelas.

Pemformat PHP

Tambahkan baris baru dan indentasi 2 atau 4 spasi ke cuplikan PHP sederhana. Periksa hasilnya: alat ini bukan parser PHP dan tidak menerapkan PSR-12.

Generator Loader CSS

Buat spinner lingkaran CSS murni: atur diameter, ketebalan border, warna dan kecepatan rotasi, lihat pratinjau langsung, lalu salin CSS siap pakai. Tanpa SVG, tanpa JavaScript.

Referensi Karakter HTML

Daftar entitas HTML yang dapat dicari, beserta kode bernama dan kode numeriknya, serta fitur salin dengan satu klik untuk karakter khusus dan simbol.

Alat ini tersedia dalam bahasa lain