πŸŒˆμœ μ‚¬μƒ‰Β·λ³΄μƒ‰ νŒ”λ ˆνŠΈ 생성기

κΈ°μ€€ 색상을 μ„ νƒν•˜λ©΄ μœ μ‚¬μƒ‰, 보색, 삼각배색 νŒ”λ ˆνŠΈλ₯Ό μ¦‰μ‹œ μƒμ„±ν•©λ‹ˆλ‹€.

#E74C3C
μœ μ‚¬μƒ‰ (Analogous Β±30Β°, Β±60Β°)
보색 (Complementary 180Β°)
삼각배색 (Triadic Β±120Β°)

색상 배색 이둠의 기초

μƒ‰μƒν™˜μ„ 기반으둜 ν•œ 배색 이둠은 수백 λ…„κ°„ μ˜ˆμˆ κ°€μ™€ λ””μžμ΄λ„ˆλ“€μ΄ μ‘°ν™”λ‘œμš΄ 색 쑰합을 μ°ΎλŠ” 데 μ‚¬μš©ν•΄μ˜¨ μ²΄κ³„μž…λ‹ˆλ‹€. 크게 μœ μ‚¬μƒ‰ 배색, 보색 배색, μ‚Όκ°λ°°μƒ‰μœΌλ‘œ λ‚˜λ‰˜λ©°, 각각 μ „ν˜€ λ‹€λ₯Έ μ‹œκ°μ  νš¨κ³Όμ™€ 감정적 λ°˜μ‘μ„ λ§Œλ“€μ–΄λƒ…λ‹ˆλ‹€. μ–΄λ–€ 배색을 μ„ νƒν•˜λŠλƒμ— 따라 λΈŒλžœλ“œμ˜ 이미지, μ œν’ˆμ˜ λŠλ‚Œ, μ‚¬μš©μžμ˜ 감정 λ°˜μ‘μ΄ 크게 λ‹¬λΌμ§‘λ‹ˆλ‹€.

μœ μ‚¬μƒ‰ 배색 (Analogous)

μœ μ‚¬μƒ‰μ€ μƒ‰μƒν™˜μ—μ„œ μΈμ ‘ν•œ μƒ‰λ“€λ‘œ 이루어진 λ°°μƒ‰μž…λ‹ˆλ‹€. μƒ‰μƒν™˜μ—μ„œ κΈ°μ€€ 색상을 μ€‘μ‹¬μœΌλ‘œ 쒌우 30도 λ˜λŠ” 60도 λ‚΄μ˜ 색듀을 μ‚¬μš©ν•©λ‹ˆλ‹€. μžμ—°μ—μ„œ ν”νžˆ λ³Ό 수 μžˆλŠ” 색 μ‘°ν•©μœΌλ‘œ λˆˆμ— νŽΈμ•ˆν•˜κ³  μ‘°ν™”λ‘œμš΄ λŠλ‚Œμ„ μ€λ‹ˆλ‹€. 주둜 λΈŒλžœλ“œ 아이덴티티, μ›Ήμ‚¬μ΄νŠΈ λ°°κ²½, κ·ΈλΌλ””μ–ΈνŠΈ λ””μžμΈμ— ν™œμš©λ©λ‹ˆλ‹€.

삼각배색 (Triadic)

삼각배색은 μƒ‰μƒν™˜μ—μ„œ 120도 κ°„κ²©μœΌλ‘œ κ· λ“±ν•˜κ²Œ 배치된 3가지 μƒ‰μ˜ μ‘°ν•©μž…λ‹ˆλ‹€. λŒ€ν‘œμ μΈ 예둜 λΉ¨κ°•Β·νŒŒλž‘Β·λ…Έλž‘ λ˜λŠ” μ£Όν™©Β·μ΄ˆλ‘Β·λ³΄λΌ 쑰합이 μžˆμŠ΅λ‹ˆλ‹€. κ°•λ ¬ν•˜κ³  역동적인 λŠλ‚Œμ„ μ£Όμ–΄ 어린이 μ½˜ν…μΈ , 슀포츠 λΈŒλžœλ“œ, ν™”λ €ν•œ κ΄‘κ³  등에 많이 ν™œμš©λ©λ‹ˆλ‹€. ν•œ 색을 μ£Όμƒ‰μœΌλ‘œ, λ‚˜λ¨Έμ§€ 두 색을 λ³΄μ‘°μƒ‰μœΌλ‘œ μ‚¬μš©ν•˜λ©΄ κ· ν˜•μ„ μœ μ§€ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

자주 λ¬»λŠ” 질문 (FAQ)
μœ μ‚¬μƒ‰κ³Ό μœ μ‚¬μƒ‰ λ°°μƒ‰μ˜ μ°¨μ΄λŠ” λ¬΄μ—‡μΈκ°€μš”?

A. μœ μ‚¬μƒ‰(Analogous Color)은 νŠΉμ • 색상과 μΈμ ‘ν•œ 단일 색을 λ§ν•˜λ©°, μœ μ‚¬μƒ‰ 배색은 μ—¬λŸ¬ μœ μ‚¬μƒ‰μ„ ν•¨κ»˜ ν™œμš©ν•˜λŠ” 배색 방식을 μ˜λ―Έν•©λ‹ˆλ‹€. 이 λ„κ΅¬λŠ” κΈ°μ€€ μƒ‰μ—μ„œ Β±30Β°, Β±60Β° λ²”μœ„μ˜ μœ μ‚¬μƒ‰μ„ λͺ¨λ‘ ν‘œμ‹œν•©λ‹ˆλ‹€.

색상 쑰합을 ν΄λ¦­ν•˜λ©΄ μ–΄λ–»κ²Œ λ˜λ‚˜μš”?

A. 각 색상 칩을 ν΄λ¦­ν•˜λ©΄ ν•΄λ‹Ή HEX μ½”λ“œκ°€ ν΄λ¦½λ³΄λ“œμ— λ³΅μ‚¬λ©λ‹ˆλ‹€. λ³΅μ‚¬ν•œ μ½”λ“œλ₯Ό λ””μžμΈ νˆ΄μ΄λ‚˜ CSS에 λ°”λ‘œ λΆ™μ—¬λ„£μ–΄ ν™œμš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

μŠ€ν”Œλ¦Ώ 보색 λ°°μƒ‰μ΄λž€ λ¬΄μ—‡μΈκ°€μš”?

A. μŠ€ν”Œλ¦Ώ 보색(Split-Complementary)은 보색 λŒ€μ‹  보색 μ–‘μ˜†μ˜ 두 색을 μ‚¬μš©ν•˜λŠ” λ°°μƒ‰μž…λ‹ˆλ‹€. 보색 배색보닀 λŒ€λΉ„κ°€ μ•½ν•˜μ§€λ§Œ 더 λΆ€λ“œλŸ¬μš΄ λŠλ‚Œμ„ μ£Όμ–΄ μ΄ˆλ³΄μžμ—κ²Œ 닀루기 μ‰¬μš΄ λ°©μ‹μž…λ‹ˆλ‹€.