#FF69B4 · Generator & Picker Kode Warna

    Ngahasilkeun kode warna, variasi, harmoni, jeung pariksa rasio kontras.

    Konversi Warna

    HEX

    #ff69b4

    HEX
    #ff69b4
    HSL
    330, 100, 71
    RGB
    255, 105, 180
    XYZ
    55, 35, 47
    CMYK
    0, 59, 29, 0
    LUV
    65,108,-23
    LAB
    65, 64, -11
    HWB
    330, 41, 0

    Variasi

    Tujuan tina bagian ieu nyaéta pikeun ngahasilkeun tints (bodas murni ditambahkeun) sareng shades (hideung murni ditambahkeun) tina warna anu anjeun pilih dina 10% inkremen.

    Tip Pro: Anggo shades pikeun kaayaan hover sareng bayangan, tints pikeun sorotan sareng latar tukang.

    Shades

    Variasi anu langkung poék diciptakeun ku nambihan hideung kana warna dasar anjeun.

    Tints

    Variasi anu langkung terang diciptakeun ku nambihan bodas kana warna dasar anjeun.

    Kasus Pamakéan Umum

    • Kaayaan komponén UI (hover, aktif, dinonaktipkeun)
    • Nyiptakeun jero kalayan bayangan sareng sorotan
    • Ngawangun sistem warna anu konsisten

    Tip Sistem Desain

    Variasi ieu ngabentuk dasar tina palet warna anu kohesif. Ékspor aranjeunna pikeun ngajaga konsistensi di sakuliah proyék anjeun.

    Kombinasi Warna

    Unggal harmoni gaduh suasana haté sorangan. Anggo harmoni pikeun ngararancang kombinasi warna anu cocog.

    Kumaha Ngagunakeun

    Klik dina warna naon waé pikeun nyalin nilai hex na. Kombinasi ieu sacara matematis kabuktian pikeun nyiptakeun harmoni visual.

    Naha Éta Penting

    Harmoni warna nyiptakeun kasaimbangan sareng ngagerakkeun émosi khusus dina desain anjeun.

    Komplemen

    Hiji warna sareng lawanna dina roda warna, +180 derajat tina hue. Kontras anu tinggi.

    #ff69b4
    Pangalusna pikeun: Desain anu mangaruhan, CTA, logo

    Komplemen-split

    Hiji warna sareng dua anu caket kana komplemennya, +/-30 derajat tina hue ti nilai sabalikna warna utama. Berani sapertos komplemen langsung, tapi langkung serbaguna.

    Pangalusna pikeun: Tata letak anu vibrant tapi seimbang

    Triadik

    Tilu warna anu jarakna rata dina roda warna, masing-masing 120 derajat tina hue. Pangalusna pikeun ngantepkeun hiji warna dominan sareng ngagunakeun anu sanés salaku aksen.

    Pangalusna pikeun: Desain anu playful, energetik

    Analog

    Tilu warna kalayan luminansi sareng saturasi anu sami sareng hue anu caket dina roda warna, 30 derajat jarakna. Transisi anu lemes.

    Pangalusna pikeun: Antarmuka anu diilhami ku alam, menenangkan

    Monokromatik

    Tilu warna tina hue anu sami kalayan nilai luminansi +/-50%. Halus sareng anggun.

    Pangalusna pikeun: Desain minimalis, canggih

    Tetradik

    Dua set warna komplementer, dipisah ku 60 derajat hue.

    Pangalusna pikeun: Skéma warna anu kaya, rupa-rupa

    Prinsip Teori Warna

    Kasaimbangan

    Pake hiji warna dominan, dukung ku warna sekundér, sareng aksen sacara hemat.

    Kontras

    Pastikeun kontras anu cukup pikeun kabaca sareng aksésibilitas.

    Harmoni

    Warna kedah gawé bareng pikeun nyiptakeun pangalaman visual anu ngahiji.

    Pamariksaan Kontras Warna

    Uji kombinasi warna pikeun mastikeun yén éta nyumponan standar aksésibilitas WCAG pikeun kabacaan téks.

    Warna Téks
    Warna Latar Tukang
    Kontras
    1.00
    Fail
    Pisan goréng
    Téks leutik
    ✖︎
    Téks ageung
    ✖︎
    Standar WCAG
    AA:Rasio kontras minimum 4.5:1 kanggo téks normal sareng 3:1 pikeun téks ageung. Diperyogikeun pikeun kalolobaan situs wéb.
    AAA:Rasio kontras ningkat 7:1 pikeun téks normal sareng 4.5:1 kanggo téks ageung. Disarankeun pikeun aksésibilitas optimal.
    Kontras teu cukup pikeun sadaya ukuran téks - gagal standar WCAG.

    Pamariksa kontras canggih

    Setélan halus nganggo slider, sababaraha pratinjau & langkung seueur deui

    Sadayana mangrupikeun Jenius. Tapi Upami Anjeun Nguji Lauk ku Kamampuanna Nanjak Tangkal, Éta Bakal Hirup Sakumna Hirupna Percaya yén Éta Bodoh.

    - Albert Einstein

    Format Teknis

    Format Praktis

    Analisis warna

    Simulator Buta Warna

    Aspek kreatif