์ œํœด ๊ด€๊ณ„ ๊ณต๊ฐœ: ์ด ์‚ฌ์ดํŠธ๋Š” ์ œํœด ๋งํฌ๋ฅผ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค. ๋งํฌ๋ฅผ ํ†ตํ•ด ๊ตฌ๋งค ์‹œ ์ˆ˜์ˆ˜๋ฃŒ๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๊ท€ํ•˜์—๊ฒŒ ์ถ”๊ฐ€ ๋น„์šฉ์€ ๋ฐœ์ƒํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ž์„ธํžˆ ์•Œ์•„๋ณด๊ธฐ

๐ŸŽจ ์ปฌ๋Ÿฌ ํ”ผ์ปค & ํŒ”๋ ˆํŠธ

์ƒ‰์ƒ ์„ ํƒ โ†’ HEX/RGB/HSL ๋ณ€ํ™˜ โ†’ ์กฐํ™” ํŒ”๋ ˆํŠธ ์ƒ์„ฑ

#6366F1
Aa
ํฐ ๋ฐฐ๊ฒฝ 4.47:1
Aa
๊ฒ€์ • ๋ฐฐ๊ฒฝ 4.70:1

๐ŸŒ— ๋ช…๋„ ๋ณ€ํ™”

๐ŸŽญ ์ƒ‰ ์กฐํ™”

๋ณด์ƒ‰
์‚ผ์›์ƒ‰
์œ ์‚ฌ์ƒ‰
๋ถ„ํ•  ๋ณด์ƒ‰

โ“ ์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ

HEX, RGB, HSL์˜ ์ฐจ์ด์ ์€?

HEX๋Š” ์›น์—์„œ ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” 16์ง„์ˆ˜ ํ‘œ๊ธฐ๋ฒ•, RGB๋Š” ๋นจ๊ฐ•/์ดˆ๋ก/ํŒŒ๋ž‘ ์กฐํ•ฉ, HSL์€ ์ƒ‰์ƒ/์ฑ„๋„/๋ฐ๊ธฐ๋กœ ํ‘œํ˜„ํ•˜๋ฉฐ ์ƒ‰์ƒ ์กฐ์ •์ด ์ง๊ด€์ ์ž…๋‹ˆ๋‹ค.

๋Œ€๋น„ ๋น„์œจ์€ ์™œ ์ค‘์š”ํ•œ๊ฐ€์š”?

WCAG ์ ‘๊ทผ์„ฑ ๊ธฐ์ค€์— ๋”ฐ๋ฅด๋ฉด ์ผ๋ฐ˜ ํ…์ŠคํŠธ๋Š” 4.5:1 ์ด์ƒ, ํฐ ํ…์ŠคํŠธ๋Š” 3:1 ์ด์ƒ์˜ ๋Œ€๋น„ ๋น„์œจ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.