์์จ๋
์์์ ๋ฐ๋ปํ/์ฐจ๊ฐ์ด ํค์ ๋ถ์ํฉ๋๋ค. ์์จ๋์ ๊ฐ์ ์์ด ๋ฌด๋ฃ๋ก ์ฌ์ฉํ๊ณ ๋ธ๋ผ์ฐ์ ์์ ๋น ๋ฅด๊ณ ์์ ํ๊ฒ ์ฒ๋ฆฌํ์ธ์.
-73
์จ๋ ์ง์
์์กฐ
239ยฐ
์ฑ๋
84%
๋ช ๋
67%
ํด์
์ด ์ฐจ๊ฐ์ด ์์์ ์ฐจ๋ถํจ, ์ ๋ขฐ, ์ ๋ฌธ์ฑ์ ๋ถ๋ฌ์ผ์ผํต๋๋ค. ์ฐจ๋ถํ๊ณ ํ๋์ ์ธ ๋์์ธ์ ์ ํฉํฉ๋๋ค.
์์จ๋์ ๋ธ๋ผ์ฐ์ ์์ ๋ฐ๋ก ์์์ ๋ค๋ฃฐ ์ ์๊ฒ ๋์์ค๋๋ค.
๋น ๋ฅด๊ณ ์ ๋ขฐํ ์ ์๋ ๊ฒฐ๊ณผ๊ฐ ํ์ํ ๋์์ด๋, ๊ฐ๋ฐ์, ํฌ๋ฆฌ์์ดํฐ๋ฅผ ์ํด ์ ์๋์์ต๋๋ค.
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
๊ฐ์ด๋ ๋ฐ ํํ ๋ฆฌ์ผ
์์ธ ๊ฐ์ด๋๋ก ๋๊ตฌ ์ฌ์ฉ๋ฒ์ ๋ฐฐ์ฐ์ธ์.
color-temperature: palette ์ค์ ๊ฐ์ด๋
color-temperature ์ฌ์ฉ๋ฒ, palette ๋ชจ๋ฒ ์ฌ๋ก, ํํ ์ค์๋ฅผ ๋ค๋ฃจ๋ ํ์งํ๋ ๊ฐ์ด๋์ ๋๋ค.
color-temperature: palette ์ค์ ๊ฐ์ด๋
color-temperature ์ฌ์ฉ๋ฒ, palette ๋ชจ๋ฒ ์ฌ๋ก, ํํ ์ค์๋ฅผ ๋ค๋ฃจ๋ ํ์งํ๋ ๊ฐ์ด๋์ ๋๋ค.
color-temperature: palette ์ค์ ๊ฐ์ด๋
color-temperature ์ฌ์ฉ๋ฒ, palette ๋ชจ๋ฒ ์ฌ๋ก, ํํ ์ค์๋ฅผ ๋ค๋ฃจ๋ ํ์งํ๋ ๊ฐ์ด๋์ ๋๋ค.