🎨 ν•˜λ‚˜μ˜ 도ꡬ ν‚€νŠΈλ‘œ
λͺ¨λ“  섀계 μž‘μ—…

νŒ”λ ˆνŠΈ 생성기

단색, 보색, μœ μ‚¬, 삼원색 λͺ¨λ“œλ₯Ό μ‚¬μš©ν•˜μ—¬ μ‘°ν™”λ‘œμš΄ 색상 κ΅¬μ„±ν‘œλ₯Ό λ§Œλ“­λ‹ˆλ‹€. CSS 내보내기λ₯Ό ν†΅ν•œ μ‹€μ‹œκ°„ 미리보기.

English δΈ­ζ–‡ ζ—₯本θͺž ν•œκ΅­μ–΄ EspaΓ±ol PortuguΓͺs FranΓ§ais Deutsch Ψ§Ω„ΨΉΨ±Ψ¨ΩŠΨ© ΰ€Ήΰ€Ώΰ€¨ΰ₯ΰ€¦ΰ₯€ ΰΉ„ΰΈ—ΰΈ’ TiαΊΏng Việt Bahasa Русский

🎨 νŒ”λ ˆνŠΈ 생성기

색상 νŒ”λ ˆνŠΈ 생성기 κ°€μ΄λ“œ

색상 νŒ”λ ˆνŠΈλŠ” μ‹œκ°μ  μ‘°ν™”λ₯Ό λ§Œλ“€κΈ° μœ„ν•΄ λ””μžμΈ ν”„λ‘œμ νŠΈμ— μ‚¬μš©λ˜λŠ” 색상 λͺ¨μŒμž…λ‹ˆλ‹€. λ‹Ήμ‚¬μ˜ νŒ”λ ˆνŠΈ μƒμ„±κΈ°λŠ” 보색, μœ μ‚¬, 삼원색 및 단색 관계와 같은 색상 이둠 원리λ₯Ό μ‚¬μš©ν•˜μ—¬ 전문적인 색상 κ΅¬μ„±ν‘œλ₯Ό λ§Œλ“œλŠ” 데 도움이 λ©λ‹ˆλ‹€.

생성기λ₯Ό μ‚¬μš©ν•˜λ €λ©΄ 색상 선택기λ₯Ό μ‚¬μš©ν•˜μ—¬ κΈ°λ³Έ 색상을 μ„ νƒν•˜κ³ , 색상 κ΅¬μ„±ν‘œ μœ ν˜•μ„ μ„ νƒν•˜κ³ , λ³€ν˜• μŠ¬λΌμ΄λ”λ₯Ό μ‘°μ •ν•˜μ—¬ 색상 차이 정도λ₯Ό μ œμ–΄ν•œ λ‹€μŒ, 16μ§„μˆ˜ 값을 λ³΅μ‚¬ν•˜κ±°λ‚˜ ν”„λ‘œμ νŠΈμ˜ CSS λ³€μˆ˜λ‘œ λ‚΄λ³΄λƒ…λ‹ˆλ‹€.

Pro Tips

Frequently Asked Questions

Q: 색상 νŒ”λ ˆνŠΈλž€ λ¬΄μ—‡μž…λ‹ˆκΉŒ?
색상 νŒ”λ ˆνŠΈλž€ λ¬΄μ—‡μž…λ‹ˆκΉŒ? 색상 νŒ”λ ˆνŠΈλŠ” λ””μžμΈμ—μ„œ ν•¨κ»˜ μ‚¬μš©ν•˜κΈ° μœ„ν•΄ μ„ νƒν•œ 색상 μ„ΈνŠΈμž…λ‹ˆλ‹€.
Q: νŒ”λ ˆνŠΈμ—λŠ” λͺ‡ 가지 색상이 μžˆμ–΄μ•Ό ν•©λ‹ˆκΉŒ?
νŒ”λ ˆνŠΈμ—λŠ” λͺ‡ 가지 색상이 μžˆμ–΄μ•Ό ν•©λ‹ˆκΉŒ? λŒ€λΆ€λΆ„μ˜ μ „λ¬Έ νŒ”λ ˆνŠΈλŠ” 3~5가지 색상을 μ‚¬μš©ν•©λ‹ˆλ‹€. 즉, κΈ°λ³Έ 색상 1개, 보쑰 색상 1개, κ°•μ‘° 색상 1~2개, 쀑간색 1κ°œμž…λ‹ˆλ‹€.
Q: μƒμ„±λœ νŒ”λ ˆνŠΈλ₯Ό μƒμ—…μš© ν”„λ‘œμ νŠΈμ— μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆκΉŒ?
μƒμ„±λœ νŒ”λ ˆνŠΈλ₯Ό μƒμ—…μš© ν”„λ‘œμ νŠΈμ— μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆκΉŒ? 예, designtool.toolsμ—μ„œ μƒμ„±λœ λͺ¨λ“  νŒ”λ ˆνŠΈλŠ” μƒμ—…μš© μž‘μ—…μ„ ν¬ν•¨ν•œ λͺ¨λ“  ν”„λ‘œμ νŠΈμ—μ„œ 무료둜 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μ €μž‘μž ν‘œμ‹œκ°€ ν•„μš”ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.
Q: νŒ”λ ˆνŠΈλ₯Ό λ‚΄ λ””μžμΈ λ„κ΅¬λ‘œ 내보내렀면 μ–΄λ–»κ²Œ ν•΄μ•Ό ν•©λ‹ˆκΉŒ?
νŒ”λ ˆνŠΈλ₯Ό λ‚΄ λ””μžμΈ λ„κ΅¬λ‘œ 내보내렀면 μ–΄λ–»κ²Œ ν•΄μ•Ό ν•©λ‹ˆκΉŒ? CSS 내보내기 λ²„νŠΌμ„ μ‚¬μš©ν•˜μ—¬ CSS μ‚¬μš©μž μ •μ˜ 속성을 λ³΅μ‚¬ν•œ λ‹€μŒ μŠ€νƒ€μΌμ‹œνŠΈμ— λΆ™μ—¬λ„£μŠ΅λ‹ˆλ‹€. Figma의 경우 16μ§„μˆ˜ 값을 λ³΅μ‚¬ν•˜κ³  색상 μŠ€νƒ€μΌμ„ μˆ˜λ™μœΌλ‘œ λ§Œλ“­λ‹ˆλ‹€.
Q: 삼원색 κ΅¬μ„±ν‘œμ™€ 사색 κ΅¬μ„±ν‘œμ˜ 차이점은 λ¬΄μ—‡μž…λ‹ˆκΉŒ?
삼원색 κ΅¬μ„±ν‘œμ™€ 사색 κ΅¬μ„±ν‘œμ˜ 차이점은 λ¬΄μ—‡μž…λ‹ˆκΉŒ? Triadic은 μƒ‰μƒν™˜μ—μ„œ λ™μΌν•œ κ°„κ²©μœΌλ‘œ 배치된 μ„Έ 가지 색상을 μ‚¬μš©ν•˜μ—¬ μƒμƒν•œ λŒ€λΉ„λ₯Ό λ§Œλ“­λ‹ˆλ‹€. Tetradic은 2개의 보색 μŒμ„ ν˜•μ„±ν•˜λŠ” 4가지 색상을 μ‚¬μš©ν•˜μ—¬ 더 λ§Žμ€ 닀양성을 μ œκ³΅ν•˜μ§€λ§Œ μ‹ μ€‘ν•œ κ· ν˜•μ΄ ν•„μš”ν•©λ‹ˆλ‹€.