๋ชจ๋ ธํฌ๋กฌ ํ๋ ํธ
๋ชจ๋ ธํฌ๋กฌ ์ ๊ตฌ์ฑํ๋ฅผ ๋ง๋ญ๋๋ค. ๋ชจ๋ ธํฌ๋กฌ ํ๋ ํธ์ ๊ฐ์ ์์ด ๋ฌด๋ฃ๋ก ์ฌ์ฉํ๊ณ ๋ธ๋ผ์ฐ์ ์์ ๋น ๋ฅด๊ณ ์์ ํ๊ฒ ์ฒ๋ฆฌํ์ธ์.
๋จ์ ํ๋ ํธ
๋์์ธ ์์
๋จ์ ํ๋ ํธ๋ ์ฐ์ํ ์๊ฐ์ ์กฐํ๋ฅผ ๋ง๋ค์ด๋ ๋๋ค.
๋ชจ๋ ธํฌ๋กฌ ํ๋ ํธ์ ๋ธ๋ผ์ฐ์ ์์ ๋ฐ๋ก ์์์ ๋ค๋ฃฐ ์ ์๊ฒ ๋์์ค๋๋ค.
๋น ๋ฅด๊ณ ์ ๋ขฐํ ์ ์๋ ๊ฒฐ๊ณผ๊ฐ ํ์ํ ๋์์ด๋, ๊ฐ๋ฐ์, ํฌ๋ฆฌ์์ดํฐ๋ฅผ ์ํด ์ ์๋์์ต๋๋ค.
Supported formats
How it works
Step 1
๋ชจ๋ ธํฌ๋กฌ ํ๋ ํธ ์ด๊ธฐ
Step 2
์์์ ์ ๋ ฅํ๊ฑฐ๋ ๊ฐ์ ธ์ค๊ธฐ
Step 3
๊ฒฐ๊ณผ๋ฅผ ๋ณต์ฌ, ๋ด๋ณด๋ด๊ธฐ ๋๋ ์ฌ์ฌ์ฉํ๊ธฐ
ํผํด์ผ ํ ์ผ๋ฐ์ ์ธ ์ค์
- ๋๋น๋ฅผ ํ์ธํ์ง ์์ผ๋ฉด ๊ฐ๋ ์ฑ์ด ๋จ์ด์ง ์ ์์ต๋๋ค.
- ์์์ ๋๋ฌด ๋ง์ด ์ฌ์ฉํ๋ฉด ํ๋ ํธ๋ฅผ ์ ์ฉํ๊ธฐ ์ด๋ ค์์ง ์ ์์ต๋๋ค.
์ ๋ฌธ๊ฐ ํ
- ์ฃผ์ ์์์ CSS ๋ณ์๋ก ์ ์ฅํ์ธ์.
- ๊ฒ์ ์ ๋ผ์ดํธ ๋ชจ๋์ ๋คํฌ ๋ชจ๋์์ ํ๋ ํธ๋ฅผ ํ ์คํธํ์ธ์.
Privacy guaranteed: everything is processed locally in your browser.
๊ฐ๋ฅํ ๊ฒฝ์ฐ ์ฒ๋ฆฌ๋ ๋ธ๋ผ์ฐ์ ์์ ๋ก์ปฌ๋ก ์ํ๋ฉ๋๋ค. ๊ณ์ ์ด ํ์ ์์ต๋๋ค.
์์ ํ๋ก์ ํธ๋ฅผ ์ํ ๋ชจ๋ ธํฌ๋กฌ ํ๋ ํธ
๋ชจ๋ ธํฌ๋กฌ ์ ๊ตฌ์ฑํ๋ฅผ ๋ง๋ญ๋๋ค.
์ ํ๋ ์์ค ์๋ ๋ชจ๋ ธํฌ๋กฌ ํ๋ ํธ
๋ณํ๊ณผ ๊ณ์ฐ์ ์ ํํ ๊ฐ(HEX, RGB, HSL, OKLCH)์ผ๋ก ์ํ๋ฉ๋๋ค. ์๊ฐ์ ๊ทผ์ฌ ์์ด ๋์์ธ ์๋์ ์ถฉ์คํ ์์์ ์ป์ ์ ์์ต๋๋ค.
๋ฌด๋ฃ ์จ๋ผ์ธ ๋ชจ๋ ธํฌ๋กฌ ํ๋ ํธ
๊ฐ์ ์์, ์ํํธ์จ์ด ๋ค์ด๋ก๋ ์์. ๋ชจ๋ ธํฌ๋กฌ ํ๋ ํธ์(๋) 100% ๋ฌด๋ฃ์ด๋ฉฐ ๋ชจ๋ ๋ธ๋ผ์ฐ์ ์์ ์๋ํฉ๋๋ค. ๋ฌด๋ฃ ํ๋์๋ ํ๋ฃจ 10ํ ์ด์ฉ์ด ํฌํจ๋ฉ๋๋ค.
๋น ๋ฅด๊ณ ์์ ํ ๋ชจ๋ ธํฌ๋กฌ ํ๋ ํธ
์ฒ๋ฆฌ๋ ๋ธ๋ผ์ฐ์ ์์ ์ง์ ์ด๋ฃจ์ด์ ธ ์ต๋ ์๋๋ฅผ ๋ณด์ฅํฉ๋๋ค. ๋ฐ์ดํฐ๋ ์๋ฒ๋ก ์ ์ก๋์ง ์์ผ๋ฉฐ ์์๊ณผ ํ์ผ์ ๊ธฐ๊ธฐ์ ์์ ํ๊ฒ ์ ์ง๋ฉ๋๋ค.
๊ณต์ ๋ฐ ํ์ ์ ์ํ ๋ชจ๋ ธํฌ๋กฌ ํ๋ ํธ
๊ฒฐ๊ณผ๋ฅผ HEX, RGB, HSL, CSS, JSON์ผ๋ก ๋ด๋ณด๋ด๊ฑฐ๋ ํ ๋ฒ์ ํด๋ฆญ์ผ๋ก ๋ณต์ฌํ ์ ์์ต๋๋ค. ํ๊ณผ ์ปฌ๋ฌ ๊ฐ์ด๋๋ฅผ ๊ณต์ ํ๊ฑฐ๋ ๋์์ธ ์์คํ ๋ฌธ์ํ์ ์ ํฉํฉ๋๋ค.
๋ชจ๋ ์ปฌ๋ฌ ๋๊ตฌ ๋ณด๊ธฐ
ํด๋ฆญ ๋ช ๋ฒ์ผ๋ก ์ถ์ถ, ๋ณํ, ํ๋ ํธ, ๊ทธ๋ผ๋์ธํธ, WCAG ๋๋น๋ฅผ ๋ง๋์ธ์.
Related tools
๊ฐ์ด๋ ๋ฐ ํํ ๋ฆฌ์ผ
์์ธ ๊ฐ์ด๋๋ก ๋๊ตฌ ์ฌ์ฉ๋ฒ์ ๋ฐฐ์ฐ์ธ์.
monochromatic: palette ์ค์ ๊ฐ์ด๋
monochromatic ์ฌ์ฉ๋ฒ, palette ๋ชจ๋ฒ ์ฌ๋ก, ํํ ์ค์๋ฅผ ๋ค๋ฃจ๋ ํ์งํ๋ ๊ฐ์ด๋์ ๋๋ค.
monochromatic: palette ์ค์ ๊ฐ์ด๋
monochromatic ์ฌ์ฉ๋ฒ, palette ๋ชจ๋ฒ ์ฌ๋ก, ํํ ์ค์๋ฅผ ๋ค๋ฃจ๋ ํ์งํ๋ ๊ฐ์ด๋์ ๋๋ค.
monochromatic: palette ์ค์ ๊ฐ์ด๋
monochromatic ์ฌ์ฉ๋ฒ, palette ๋ชจ๋ฒ ์ฌ๋ก, ํํ ์ค์๋ฅผ ๋ค๋ฃจ๋ ํ์งํ๋ ๊ฐ์ด๋์ ๋๋ค.