πŸ–ŒοΈλ‘ 색상 ν˜Όν•© λΈ”λ Œλ”© 생성기

두 색 쀑간색을 sRGBΒ·μ„ ν˜•κ΄‘ 두 λ°©μ‹μœΌλ‘œ ν•¨κ»˜ 계산

%

κ΄€λ ¨λœ 도ꡬ

쀑간색이 ν•˜λ‚˜λ‘œ μ •ν•΄μ§€μ§€ μ•ŠλŠ” 이유

두 μƒ‰μ˜ 쀑간색을 ꡬ할 λ•Œ μ–΄λŠ κ³΅κ°„μ—μ„œ μ„žλŠλƒμ— 따라 닡이 λ‹¬λΌμ§‘λ‹ˆλ‹€. 이 λ„κ΅¬λŠ” ν•œμͺ½μ„ 골라 쑰용히 μ“°μ§€ μ•Šκ³ , 감마 μΈμ½”λ”©λœ sRGB 값을 κ·ΈλŒ€λ‘œ μ„žμ€ 결과와 λΉ›μ˜ μ–‘μœΌλ‘œ 되돌렀 μ„žμ€ κ²°κ³Όλ₯Ό λ‚˜λž€νžˆ 보여 μ€λ‹ˆλ‹€. 비쀑을 λ°”κΏ” 보고 단계 ν‘œλ‘œ 전체 ꡬ간을 ν›‘μœΌλ©΄ 두 방식이 μ–΄λ””μ„œ κ°€μž₯ 많이 κ°ˆλ¦¬λŠ”μ§€ λ³΄μž…λ‹ˆλ‹€.

두 방식 λͺ¨λ‘ μ±„λ„λ§ˆλ‹€ A + (B βˆ’ A) Γ— 비쀑 으둜 μ„žμŠ΅λ‹ˆλ‹€. μ„ ν˜•κ΄‘ μͺ½μ€ W3C WCAGΒ·CSS Color 규격과 같은 μ‹μœΌλ‘œ λ¨Όμ € μ„ ν˜•ν™”ν•˜κ³  μ„žμ€ λ’€ λ‹€μ‹œ μΈμ½”λ”©ν•©λ‹ˆλ‹€. μ„ ν˜•ν™” μž„κ³„κ°’μ€ 0.04045 이며 κΈ°μšΈκΈ°μ™€ μ§€μˆ˜λ„ 결과에 ν•¨κ»˜ 적어 λ‘‘λ‹ˆλ‹€. λΉ¨κ°•κ³Ό νŒŒλž‘μ„ 반반 μ„žμœΌλ©΄ sRGB λŠ” μ–΄λ‘μš΄ 자주, μ„ ν˜•κ΄‘μ€ ν•œκ²° 밝은 μžμ£Όκ°€ λ‚˜μ˜΅λ‹ˆλ‹€. 2026λ…„ 10μ›” κΈ°μ€€μž…λ‹ˆλ‹€.

μ–΄λŠ μͺ½μ΄ 정닡이라고 λ‹¨μ •ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. λ””μžμΈ λ„κ΅¬μ˜ 쀑간색과 λ§žμΆ”λ €λ©΄ sRGB μͺ½, 빛이 μ„žμ΄λŠ” ν˜„μƒμ„ 흉내 λ‚΄λ €λ©΄ μ„ ν˜•κ΄‘ μͺ½μ΄ κ°€κΉμŠ΅λ‹ˆλ‹€. 흰색을 μ„žλŠ” ν‹΄νŠΈμ™€ 검정을 μ„žλŠ” μ…°μ΄λ“œμ²˜λŸΌ ν•œ μƒ‰μ˜ 단계λ₯Ό λ§Œλ“œλŠ” κΈ°λŠ₯은 μ§€μ›ν•˜μ§€ μ•ŠμœΌλ©° 단계 νŒ”λ ˆνŠΈ 도ꡬ가 λ‹΄λ‹Ήν•©λ‹ˆλ‹€.

자주 λ¬»λŠ” 질문

μ™œ κ²°κ³Όκ°€ 두 개 λ‚˜μ˜€λ‚˜μš”?

HEX 값은 감마둜 μΈμ½”λ”©λœ μˆ˜μΉ˜λΌμ„œ κ·ΈλŒ€λ‘œ ν‰κ· ν•˜λ©΄ λΉ›μ˜ 양을 ν‰κ· ν•œ 것이 μ•„λ‹™λ‹ˆλ‹€. μ–΄λŠ μͺ½μ΄ 정닡이라고 말할 수 μ—†μœΌλ―€λ‘œ 감마 인코딩 μƒνƒœμ—μ„œ μ„žμ€ κ°’κ³Ό λΉ›μ˜ μ–‘μœΌλ‘œ 되돌렀 μ„žμ€ 값을 ν•¨κ»˜ 보여 μ€λ‹ˆλ‹€.

μ–΄λŠ μͺ½μ„ 써야 ν•˜λ‚˜μš”?

λ””μžμΈ λ„κ΅¬λ‚˜ CSS κ·ΈλΌλ””μ–ΈνŠΈκ°€ λ‚΄λŠ” 쀑간색과 λ§žμΆ”λ €λ©΄ sRGB ν˜Όν•©μ΄ κ°€κΉμŠ΅λ‹ˆλ‹€. 빛이 μ„žμ΄λŠ” ν˜„μƒμ„ 흉내 λ‚΄κ±°λ‚˜ μ‘°λͺ…Β·ν•©μ„± 계산에 μ“°λ €λ©΄ μ„ ν˜•κ΄‘ ν˜Όν•©μ΄ λ§žμŠ΅λ‹ˆλ‹€.

ν°μƒ‰μ΄λ‚˜ 검정을 μ„žλŠ” 단계 νŒ”λ ˆνŠΈλ„ λ§Œλ“€ 수 μžˆλ‚˜μš”?

이 λ„κ΅¬λŠ” μž„μ˜μ˜ 두 색을 μ„žμŠ΅λ‹ˆλ‹€. 흰색을 μ„žλŠ” ν‹΄νŠΈ, 검정을 μ„žλŠ” μ…°μ΄λ“œ, νšŒμƒ‰μ„ μ„žλŠ” ν†€μ²˜λŸΌ ν•œ μƒ‰μ˜ 단계λ₯Ό λ§Œλ“œλŠ” 일은 μ‹¬ν”Œμš°λ””μ˜ 단계 νŒ”λ ˆνŠΈ 도ꡬ가 λ‹΄λ‹Ήν•©λ‹ˆλ‹€.