Konversi Warna
#f1e9ff
Blue Chalk
Variasi
Tujuan bagean iki yaiku kanggo ngasilake warna kanthi akurat (tambah putih murni) lan warna (tambah ireng murni) saka warna sing dipilih kanthi tambahan 10%.
Tip Pro: Gunakake nuansa kanggo status hover lan bayangan, tints kanggo sorotan lan latar mburi.
Shades
Variasi sing luwih peteng digawe kanthi nambahake ireng ing werna dhasar sampeyan.
Tints
Variasi sing luwih entheng digawe kanthi nambahake putih ing werna dhasar.
Kasus Penggunaan Umum
- • Status komponen UI (hover, active, disabled)
- • Nggawe ambane kanthi bayangan lan sorotan
- • Nggawe sistem warna sing konsisten
Tip Sistem Desain
Variasi kasebut mbentuk pondasi palet warna sing kohesif. Ekspor kanggo njaga konsistensi ing kabeh proyek sampeyan.
Kombinasi Warna
Saben harmoni nduweni swasana dhewe. Gunakake harmoni kanggo brainstorming kombinasi warna sing bisa digunakake bebarengan.
Carane Gunakake
Klik ing sembarang werna kanggo nyalin nilai hex sawijining. Kombinasi kasebut dibuktekake kanthi matematis kanggo nggawe harmoni visual.
Apa Iku Penting
Harmoni warna nggawe keseimbangan lan nggawe emosi tartamtu ing desain sampeyan.
nglengkapi
A werna lan ngelawan ing rodha werna, +180 derajat hue. Kontras dhuwur.
Pamisah-pelengkap
A werna lan loro jejer kanggo nglengkapi sawijining, +/-30 derajat hue saka Nilai ngelawan werna utama. Kandel kaya pelengkap lurus, nanging luwih serbaguna.
Triad
Telung warna kanthi jarak sing rata ing sadawane roda warna, saben 120 derajat hue. Paling apik kanggo ngidini siji werna kanggo dominasi lan nggunakake liyane minangka aksen.
Analog
Telung werna saka luminance padha lan jenuh karo hues sing jejer ing rodha werna, 30 derajat loro. transisi Gamelan.
Monochromatic
Telung werna saka hue padha karo nilai luminance +/-50%. Subtle lan olahan.
Tetradic
Rong set warna pelengkap, dipisahake kanthi 60 derajat hue.
Prinsip Teori Warna
imbangan
Gunakake siji werna dominan, dhukungan karo sekunder, lan logat sparingly.
Kontras
Priksa manawa kontras cukup kanggo maca lan aksesibilitas.
Harmoni
Werna kudu bisa bebarengan kanggo nggawe pengalaman visual sing manunggal.
Pemeriksa Kontras Warna
Tes kombinasi warna kanggo mesthekake yen cocog karo standar aksesibilitas WCAG kanggo keterbacaan teks.
Warna Teks
Werna latar mburi
Kontras
Standar WCAG
Pemeriksa Kontras Lanjut
Setel kanthi panggeser, macem-macem pratinjau & liya-liyane
Kabeh wong Genius. Nanging yen sampeyan ngadili iwak saka kemampuane kanggo menek wit, bakal urip kabeh urip kanthi percaya yen iku bodho.