Konversi Warna
#c9d6d9
Variasi
Tujuan dari bagian ini adalah untuk menghasilkan tint (ditambah putih murni) dan shade (ditambah hitam murni) dari warna yang kamu pilih dalam peningkatan 10%.
Tip Pro: Gunakan shade untuk keadaan hover dan bayangan, tint untuk sorotan dan latar belakang.
Shade
Variasi lebih gelap yang dibuat dengan menambahkan hitam ke warna dasar kamu.
Tint
Variasi lebih terang yang dibuat dengan menambahkan putih ke warna dasar kamu.
Kasus Penggunaan Umum
- • Keadaan komponen UI (hover, aktif, dinonaktifkan)
- • Menciptakan kedalaman dengan bayangan dan sorotan
- • Membangun sistem warna yang konsisten
Tip Sistem Desain
Variasi ini membentuk dasar dari palet warna yang kohesif. Ekspor mereka untuk menjaga konsistensi di seluruh proyek kamu.
Kombinasi Warna
Setiap harmoni memiliki suasana hati sendiri. Gunakan harmoni untuk memikirkan kombinasi warna yang bekerja dengan baik bersama.
Cara Menggunakan
Klik pada warna apa pun untuk menyalin nilai hex-nya. Kombinasi ini terbukti secara matematis menciptakan harmoni visual.
Mengapa Ini Penting
Harmoni warna menciptakan keseimbangan dan membangkitkan emosi tertentu dalam desain kamu.
Komplemen
Sebuah warna dan lawannya pada roda warna, +180 derajat dari rona. Kontras tinggi.
Komplemen terpisah
Sebuah warna dan dua warna yang berdekatan dengan komplemennya, +/-30 derajat dari rona yang berlawanan dengan warna utama. Berani seperti komplemen langsung, tetapi lebih serbaguna.
Triadik
Tiga warna yang tersebar merata di sepanjang roda warna, masing-masing berjarak 120 derajat dari rona. Sebaiknya biarkan satu warna mendominasi dan gunakan yang lain sebagai aksen.
Analog
Tiga warna dengan luminansi dan saturasi yang sama dengan rona yang berdekatan pada roda warna, berjarak 30 derajat. Transisi yang halus.
Monokromatik
Tiga warna dengan rona yang sama dengan nilai luminansi +/-50%. Halus dan elegan.
Tetradik
Dua set warna komplementer, dipisahkan oleh 60 derajat hue.
Prinsip Teori Warna
Keseimbangan
Gunakan satu warna dominan, dukung dengan warna sekunder, dan aksen secara hemat.
Kontras
Pastikan kontras yang cukup untuk keterbacaan dan aksesibilitas.
Harmoni
Warna harus bekerja sama untuk menciptakan pengalaman visual yang terpadu.
Pemeriksa Kontras Warna
Uji kombinasi warna untuk memastikan mereka memenuhi standar aksesibilitas WCAG untuk keterbacaan teks.
Warna Teks
Warna Latar Belakang
Kontras
Standar WCAG
Pemeriksa Kontras Lanjutan
Sesuaikan dengan slider, pratinjau ganda & lainnya
Semua orang adalah jenius. Tapi jika kamu menilai seekor ikan dari kemampuannya memanjat pohon, ia akan menjalani seluruh hidupnya dengan percaya bahwa ia bodoh.
Format Teknis
Format Praktis
Analisis Warna
Simulator buta warna
Aspek Kreatif
Pertanyaan yang sering diajukan
- Apa warna #C9D6D9?
- #C9D6D9 adalah Kabut Laut Pucat – Warna biru-hijau sangat pucat dengan rona abu-abu yang membuatnya terasa seperti kabut tipis di atas perairan dangkal. Memberi kesan tenang, rapi, dan sedikit nostalgia museum—sejuk namun lembut di indera.
- Apa simbolisme Kabut Laut Pucat?
- kemurnian modern, ketenangan laut, kepercayaan berwibawa, kesegaran alami, keanggunan tenang. Di budaya Tionghoa, rona ini mengingatkan pada celadon—kehalusan dan kecanggihan keramik; di budaya Skandinavia, ia berbicara tentang fungsi dan kesederhanaan interior; di konteks Barat kontemporer, sering diasosiasikan dengan kebersihan laboratorium dan wellness. Interpretasi cenderung positif di ketiga konteks, namun nuansa nostalgia lebih kuat dalam tradisi Asia Timur.
- Di mana Kabut Laut Pucat digunakan dalam desain?
- Di ruang, warna ini meredam stimulasi visual dan memperpendek jarak perhatian sehingga membuat area terasa lapang dan terorganisir. Dalam desain merek, ia menurunkan rasa defensif audiens dan menimbulkan kesan profesional namun hangat.
- Warna apa yang cocok dengan Kabut Laut Pucat?
- colorCode.seoFaqPairingAnswer #223637: Karbon-teal gelap ini memberi kontras tinggi dan berfungsi sebagai anchor; harmoni analog-berkontras yang menegaskan tipografi dan elemen penting.. #D9A78F: Terakota lembut sebagai aksen split-komplementary menambahkan kehangatan yang membuat CTA dan poin penting mudah terlihat.. #A7B99B: Sage lembut ini adalah harmoni analog yang memperkuat nuansa alami tanpa menaikkan saturasi..
- Bagaimana Kabut Laut Pucat mempengaruhi suasana hati?
- Ketenangan segar dengan wibawa lembut Perasaan pertama adalah rileksasi ringan disertai rasa aman dan keandalan. colorCode.seoFaqMoodTraits
- Industri apa yang menggunakan Kabut Laut Pucat?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Apa sejarah dari Kabut Laut Pucat?
- Warna serupa dengan #C9D6D9 memiliki akar visual dalam glasir celadon dari Dinasti Song dan kilang Longquan di Tiongkok, di mana lelehan kaca berwarna hijau-biru pucat diciptakan dari oksida besi dan kontrol pembakaran; variasi pucat seperti ini juga muncul pada percampuran putih timbal dan campuran biru pada abad ke-18 di Eropa, menghasilkan nuansa pudar di perabotan neoklasik.
- Bagaimana menggunakan Kabut Laut Pucat dalam desain?
- Jaga kontras dan titik fokus—warna ini bekerja terbaik sebagai ruang negatif atau pembingkai, bukan sebagai pendorong perhatian utama.colorCode.seoFaqDesignDo
- Apakah Kabut Laut Pucat aksesibel?
- colorCode.seoFaqAccessibilityAnswer Memenuhi WCAG AA untuk teks normal dan besar.