MOGU Tools
ν™ˆ > 색상 도ꡬ > HEX/RGB λ³€ν™˜

HEX/RGB λ³€ν™˜

색상을 μ„ νƒν•˜λ©΄ HEX, RGB, HSL μ½”λ“œλ₯Ό μ‹€μ‹œκ°„μœΌλ‘œ λ³€ν™˜ν•©λ‹ˆλ‹€.

#FF5733

색상 ν”Όμ»€λ‘œ 색을 μ„ νƒν•˜κ±°λ‚˜,
μ•„λž˜ μž…λ ₯창에 HEX Β· RGB Β· HSL 값을 직접 μž…λ ₯ν•˜μ„Έμš”.

색상 μ½”λ“œ ν˜•μ‹ μ•ˆλ‚΄

HEX β€” 16μ§„μˆ˜ 색상 μ½”λ“œ. 예: #FF5733. HTMLΒ·CSSμ—μ„œ κ°€μž₯ 많이 μ“°μž…λ‹ˆλ‹€.

RGB β€” λΉ¨κ°•(R), 초둝(G), νŒŒλž‘(B) 각각 0~255 λ²”μœ„λ‘œ ν‘œν˜„. 예: rgb(255, 87, 51).

HSL β€” 색쑰(H, 0~360Β°), 채도(S, 0~100%), λͺ…도(L, 0~100%)둜 ν‘œν˜„. 직관적인 색 쑰정에 μœ λ¦¬ν•©λ‹ˆλ‹€.

HEX/RGB λ³€ν™˜κΈ°λž€?

HEX, RGB, HSL 색상 μ½”λ“œλ₯Ό μ‹€μ‹œκ°„μœΌλ‘œ μƒν˜Έ λ³€ν™˜ν•©λ‹ˆλ‹€. μ›Ή 개발, λ””μžμΈ, CSS μ½”λ”©μ—μ„œ 색상 μ½”λ“œλ₯Ό λ³€ν™˜ν•  λ•Œ μ‚¬μš©ν•˜λŠ” ν•„μˆ˜ λ„κ΅¬μž…λ‹ˆλ‹€. 색상 ν”Όμ»€λ‘œ 직접 색을 선택할 μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

색상 μ½”λ“œ ν˜•μ‹

자주 λ¬»λŠ” 질문

HEX와 RGB의 μ°¨μ΄λŠ”?

HEXλŠ” 16μ§„μˆ˜λ‘œ ν‘œν˜„ν•œ 색상 μ½”λ“œ(#FF5733), RGBλŠ” 10μ§„μˆ˜λ‘œ ν‘œν˜„ν•œ 같은 색상(255, 87, 51)μž…λ‹ˆλ‹€. λ‘˜ λ‹€ 같은 색을 λ‚˜νƒ€λ‚΄λ©° ν‘œκΈ° λ°©μ‹λ§Œ λ‹€λ¦…λ‹ˆλ‹€.

CSSμ—μ„œ μ–΄λ–€ ν˜•μ‹μ„ μ“°λŠ” 게 μ’‹λ‚˜μš”?

HEXκ°€ κ°€μž₯ 짧고 널리 μ‚¬μš©λ©λ‹ˆλ‹€. 투λͺ…도가 ν•„μš”ν•˜λ©΄ rgba()λ₯Ό, 색상 쑰절이 ν•„μš”ν•˜λ©΄ HSL을 μ‚¬μš©ν•˜μ„Έμš”.

κ΄€λ ¨ 도ꡬ

색상 피컀 색상 νŒ”λ ˆνŠΈ κ·ΈλΌλ””μ–ΈνŠΈ 생성 랜덀 색상
κ³΅μœ ν•˜κΈ°:TwitterFacebookWhatsAppURL 볡사