Konversi Warna
#117cb2
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 #117CB2?
- #117CB2 adalah Angin Laut Cerah – Biru menengah-kaya dengan nada tegas ke arah turquoise yang tampak jernih dan dingin. Menimbulkan rasa keteraturan dan semangat petualangan yang tenang, seperti panggilan untuk menjelajah perairan modern.
- Apa simbolisme Angin Laut Cerah?
- konektivitas modern, laut dan perjalanan, keandalan profesional, kesehatan dan kebersihan, ketenangan intelektual. Di banyak budaya Barat warna biru seperti ini diasosiasikan dengan teknologi, korporat, dan medis; di Jepang biru muda juga membawa nuansa kebersihan dan kesopanan; di beberapa budaya pesisir (mis. Mediterania) warna serupa mengingatkan pada laut dan keselamatan pelayaran.
- Di mana Angin Laut Cerah digunakan dalam desain?
- Dalam ruang atau antarmuka, warna ini menenangkan mata tanpa menjadi pasif; ia mengarahkan fokus ke elemen fungsi seperti tombol dan informasi penting. Kombinasinya dengan netral hangat atau aksen oranye akan menstimulasi tindakan sambil mempertahankan kredibilitas.
- Warna apa yang cocok dengan Angin Laut Cerah?
- colorCode.seoFaqPairingAnswer #EE834D: Komplementer langsung — oranye hangat memberikan kontras aksi (complementary harmony) untuk tombol CTA dan penanda penting.. #11B2A7: Analogous harmony di arah cyan — menambah kedalaman laut/teknis yang harmonis untuk gradien dan latar aksen.. #B27E11: Triadic/kontras hangat yang lebih lembut — memberikan aksen kuning-cokelat yang menyeimbangkan nuansa dingin tanpa bertabrakan..
- Bagaimana Angin Laut Cerah mempengaruhi suasana hati?
- Ketenangan yang percaya diri dan siap bertindak Rasa percaya diri yang tenang dan kesiapan untuk bertindak. colorCode.seoFaqMoodTraits
- Industri apa yang menggunakan Angin Laut Cerah?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Apa sejarah dari Angin Laut Cerah?
- Warna-warna cerah di rentang azure dan cerulean mulai populer di palet Eropa setelah penemuan dan produksi massal pigmen biru sintetis pada abad ke-18 dan ke-19; pigmen seperti Prussian Blue (awal 1700-an) membuka jalan bagi variasi biru menengah, dan cerulean (pigmen kosbot stannate kobalt) diadopsi oleh pelukis pada abad ke-19 untuk nuansa langit dan laut yang stabil.
- Bagaimana menggunakan Angin Laut Cerah dalam desain?
- Pertahankan kontras dan hierarki: gunakan #117CB2 sebagai aksen fungsional, bukan warna latar yang dominan.colorCode.seoFaqDesignDo
- Apakah Angin Laut Cerah aksesibel?
- colorCode.seoFaqAccessibilityAnswer Memenuhi WCAG AA untuk teks normal dan besar.