์์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ
๋์์ธ์์ ์์์ด ์ด๋ป๊ฒ ๋ณด์ด๋์ง ๋ฏธ๋ฆฌ ๋ด ๋๋ค. ์์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ์ ๊ฐ์ ์์ด ๋ฌด๋ฃ๋ก ์ฌ์ฉํ๊ณ ๋ธ๋ผ์ฐ์ ์์ ๋น ๋ฅด๊ณ ์์ ํ๊ฒ ์ฒ๋ฆฌํ์ธ์.
ํ๋ ํธ
Context preview
Hero card
Visualize your colors applied to different UI components.
์๋ฆผ
Success message with accent
Color badges
Gradient preview
์์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ์ ๋ธ๋ผ์ฐ์ ์์ ๋ฐ๋ก ์์์ ๋ค๋ฃฐ ์ ์๊ฒ ๋์์ค๋๋ค.
๋น ๋ฅด๊ณ ์ ๋ขฐํ ์ ์๋ ๊ฒฐ๊ณผ๊ฐ ํ์ํ ๋์์ด๋, ๊ฐ๋ฐ์, ํฌ๋ฆฌ์์ดํฐ๋ฅผ ์ํด ์ ์๋์์ต๋๋ค.
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-preview: conversion ์ค์ ๊ฐ์ด๋
color-preview ์ฌ์ฉ๋ฒ, conversion ๋ชจ๋ฒ ์ฌ๋ก, ํํ ์ค์๋ฅผ ๋ค๋ฃจ๋ ํ์งํ๋ ๊ฐ์ด๋์ ๋๋ค.
color-preview: export ์ค์ ๊ฐ์ด๋
color-preview ์ฌ์ฉ๋ฒ, export ๋ชจ๋ฒ ์ฌ๋ก, ํํ ์ค์๋ฅผ ๋ค๋ฃจ๋ ํ์งํ๋ ๊ฐ์ด๋์ ๋๋ค.
color-preview: export ์ค์ ๊ฐ์ด๋
color-preview ์ฌ์ฉ๋ฒ, export ๋ชจ๋ฒ ์ฌ๋ก, ํํ ์ค์๋ฅผ ๋ค๋ฃจ๋ ํ์งํ๋ ๊ฐ์ด๋์ ๋๋ค.