Pag-convert ng Kulay
#3e79c5
Mga Pagkakaiba-iba
Ang layunin ng seksyong ito ay upang tumpak na makagawa ng mga tints (dagdag na purong puti) at shades (dagdag na purong itim) ng iyong napiling kulay sa 10% na pagtaas.
Pro Tip: Gamitin ang shades para sa hover states at shadows, tints para sa highlights at backgrounds.
Shades
Mas madidilim na mga pagkakaiba-iba na nilikha sa pamamagitan ng pagdaragdag ng itim sa iyong base na kulay.
Tints
Mas magagaan na mga pagkakaiba-iba na nilikha sa pamamagitan ng pagdaragdag ng puti sa iyong base na kulay.
Karaniwang Paggamit
- • Mga estado ng UI component (hover, active, disabled)
- • Paglikha ng lalim gamit ang shadows at highlights
- • Pagbuo ng pare-parehong mga sistema ng kulay
Tip sa Design System
Ang mga pagkakaiba-iba na ito ang bumubuo sa pundasyon ng isang magkakaugnay na color palette. I-export ang mga ito upang mapanatili ang pagkakapare-pareho sa buong proyekto mo.
Mga Kombinasyon ng Kulay
Ang bawat harmony ay may sariling mood. Gamitin ang harmonies upang mag-brainstorm ng mga kombinasyon ng kulay na mahusay na nagtutulungan.
Paano Gamitin
I-click ang anumang kulay upang kopyahin ang hex value nito. Ang mga kombinasyong ito ay matematikal na napatunayang lumikha ng visual harmony.
Bakit Mahalaga
Ang mga color harmonies ay lumilikha ng balanse at nagpapahayag ng tiyak na emosyon sa iyong mga disenyo.
Komplemento
Isang kulay at ang kabaligtaran nito sa color wheel, +180 degrees ng hue. Mataas na kontrahan.
Hating-komplemento
Isang kulay at dalawa na katabi ng komplemento nito, +/-30 degrees ng hue mula sa kabaligtaran ng pangunahing kulay. Matapang tulad ng tuwid na komplemento, ngunit mas maraming gamit.
Triadik
Tatlong kulay na pantay ang agwat sa color wheel, bawat isa ay 120 degrees ng hue ang pagitan. Pinakamainam na hayaan ang isang kulay na mangibabaw at gamitin ang iba bilang accent.
Magkakatulad
Tatlong kulay na may parehong liwanag at saturation na may mga hue na magkatabi sa color wheel, 30 degrees ang pagitan. Makinis na mga transisyon.
Monokromatiko
Tatlong kulay ng parehong hue na may mga halaga ng liwanag na +/-50%. Banayad at pino.
Tetradik
Dalawang set ng mga complementary na kulay, na pinaghihiwalay ng 60 degrees ng hue.
Mga Prinsipyo ng Teorya ng Kulay
Balanse
Gumamit ng isang dominanteng kulay, suportahan ng pangalawa, at gamitin ang accent nang matipid.
Kontrahan
Siguraduhing may sapat na kontrahan para sa mababasa at accessible na disenyo.
Harmonya
Dapat magtulungan ang mga kulay upang lumikha ng isang nagkakaisang visual na karanasan.
Tagasuri ng Kontrahan ng Kulay
Subukan ang mga kumbinasyon ng kulay upang matiyak na nakakatugon ito sa mga pamantayan ng accessibility ng WCAG para sa pagbabasa ng teksto.
Kulay ng Teksto
Kulay ng Background
Kontrahan
Mga Pamantayan ng WCAG
Advanced na Tagasuri ng Kontrahan
Pinuhin gamit ang mga slider, maraming preview at iba pa
Lahat ay Henyo. Ngunit Kung Huhusgahan Mo ang Isang Isda sa Kakayahan Nitong Umakyat sa Puno, Mabubuhay Ito ng Buong Buhay Nito na Naniniwalang Ito ay Bobo.
Mga Teknikal na Format
Praktikal na Format
Pagsusuri ng Kulay
Simulator ng Pagkabulag
Mga Malikhaing Aspeto
Mga madalas itanong
- Anong kulay ang #3E79C5?
- #3E79C5 ay Araw ng Karagatan – Isang malinaw at medyo may kinang na asul-tulay na nagpapakita ng malinaw na intensiyon at teknikal na kalinawan. Nagbibigay ito ng pakiramdam ng maasahang pag-asa—energetiko ngunit kontrolado, tulad ng isang propesyonal na umuusbong na alon sa umaga.
- Ano ang sinisimbolo ng Araw ng Karagatan?
- Tiwala sa teknolohiya, Kalinawan ng komunikasyon, Profesyonal na pag-asa, Katatagan ng kolektibo, Aktibong serbisyong pang-dagat o pang-espasyo. Sa Kanlurang kultura, asul na medium na ito karaniwang nauugnay sa corporate trust at kalinawan ng UI; sa Silangang Asya, asul ay parehong modernidad at intelektwal na awtoridad; sa ilang kulturang pantao ng dagat (coastal communities), ang asul ng ganitong tono iniuugnay sa malinis na tubig at maaasahang pantubig. Ang konteksto ng gamit (uniform, logo, tela) madalas ang nagdidikta kung positibo o seryoso ang interpretasyon.
- Saan ginagamit ang Araw ng Karagatan sa disenyo?
- Sa isang espasyo o interface, pinapabilis nito ang pagtuon at binabawasan ang visual na ingay; nagpapahiwatig ito ng teknikal na pagiging maaasahan at nag-uudyok ng aksiyon kapag ginagamit bilang highlight. Nagbibigay rin ito ng kaunting modernong pag-enerhiya—hindi agresibo pero may impulsong gumalaw.
- Aling mga kulay ang bumabagay sa Araw ng Karagatan?
- colorCode.seoFaqPairingAnswer #C57A3E: Komplementaryo — nagbibigay ng mainit na kontrast (golden-amber) na nagpapalakas ng aksiyon at nakikita agad ng mata.. #3EC5B8: Analogous/sea harmony — nagdadagdag ng nakaka-refresh na teal undertone para sa layered aquatic palette.. #C53E79: Triadic — nagbibigay ng balanseng energetic accent (magenta) na nag-iintroduce ng dinamismo nang hindi sumasalungat sa pangunahing tono..
- Paano nakaaapekto ang Araw ng Karagatan sa mood?
- Kalma at kumpiyansang may kontrol Nagpaparamdam ito ng tiwala at praktikal na sigla na nag-uudyok ng aksiyon. colorCode.seoFaqMoodTraits
- Anong mga industriya ang gumagamit ng Araw ng Karagatan?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Ano ang kasaysayan ng Araw ng Karagatan?
- Ang eksaktong tono na ito ay walang iisang dokumentadong "unang paggamit," ngunit mga medium-to-bright na asul na nasa spectrum na ito sumibol pagkatapos ng paglitaw ng mga synthethic blues noong ika-18 hanggang ika-19 na siglo, partikular pagkatapos ng pagdiskubre ng Prussian Blue at ang pagsulong ng cobalt at ultramarine variants. Ginamit muna ng mga manufakturang pang-impresyon at uniporme para sa malinaw na pagmamarka at reproducibility gamit ang mga bagong pigment at ink.
- Paano gamitin ang Araw ng Karagatan sa disenyo?
- Panatilihin ang contrast hierarchy: gumamit ng neutral backgrounds at limitadong accent slots para mapanatili ang visibility at emosyonal na impact ng kulay.colorCode.seoFaqDesignDo
- Ang Araw ng Karagatan ba ay accessible?
- colorCode.seoFaqAccessibilityAnswer Lumalampas sa WCAG AA para sa normal at malalaking teksto.