Aller au contenu principal

    ์ฟ ํ‚ค๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค

    ๋” ๋‚˜์€ ๊ฒฝํ—˜์„ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด ์ฟ ํ‚ค๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๊ณ„์† ๋ธŒ๋ผ์šฐ์ง•ํ•˜๋ฉด ์ฟ ํ‚ค ์‚ฌ์šฉ์— ๋™์˜ํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

    ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์ฟ ํ‚ค ๋ฐ ๊ฐœ์ธ์ •๋ณด ๋ณดํ˜ธ

    ๋ชจ๋…ธํฌ๋กฌ ํŒ”๋ ˆํŠธ

    ๋ชจ๋…ธํฌ๋กฌ ์ƒ‰ ๊ตฌ์„ฑํ‘œ๋ฅผ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ๋ชจ๋…ธํฌ๋กฌ ํŒ”๋ ˆํŠธ์„ ๊ฐ€์ž… ์—†์ด ๋ฌด๋ฃŒ๋กœ ์‚ฌ์šฉํ•˜๊ณ  ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋น ๋ฅด๊ณ  ์•ˆ์ „ํ•˜๊ฒŒ ์ฒ˜๋ฆฌํ•˜์„ธ์š”.

    ๋‹จ์ƒ‰ ํŒ”๋ ˆํŠธ

    ๋””์ž์ธ ์˜ˆ์‹œ

    ๋‹จ์ƒ‰ ํŒ”๋ ˆํŠธ๋Š” ์šฐ์•„ํ•œ ์‹œ๊ฐ์  ์กฐํ™”๋ฅผ ๋งŒ๋“ค์–ด๋ƒ…๋‹ˆ๋‹ค.

    ๋ชจ๋…ธํฌ๋กฌ ํŒ”๋ ˆํŠธ์€ ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ฐ”๋กœ ์ƒ‰์ƒ์„ ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ค๋‹ˆ๋‹ค.

    ๋น ๋ฅด๊ณ  ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒฐ๊ณผ๊ฐ€ ํ•„์š”ํ•œ ๋””์ž์ด๋„ˆ, ๊ฐœ๋ฐœ์ž, ํฌ๋ฆฌ์—์ดํ„ฐ๋ฅผ ์œ„ํ•ด ์ œ์ž‘๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

    Supported formats

    HEX
    RGB
    HSL
    CSS
    JSON

    How it works

    1

    Step 1

    ๋ชจ๋…ธํฌ๋กฌ ํŒ”๋ ˆํŠธ ์—ด๊ธฐ

    2

    Step 2

    ์ƒ‰์ƒ์„ ์ž…๋ ฅํ•˜๊ฑฐ๋‚˜ ๊ฐ€์ ธ์˜ค๊ธฐ

    3

    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

    ๊ฐ€์ด๋“œ ๋ฐ ํŠœํ† ๋ฆฌ์–ผ

    ์ƒ์„ธ ๊ฐ€์ด๋“œ๋กœ ๋„๊ตฌ ์‚ฌ์šฉ๋ฒ•์„ ๋ฐฐ์šฐ์„ธ์š”.

    Frequently asked questions

    ์˜ˆ, ์ด ๋„๊ตฌ๋Š” ์˜จ๋ผ์ธ์—์„œ ๋ฌด๋ฃŒ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

    ๊ฐ€๋Šฅํ•œ ๊ฒฝ์šฐ ๋ฐ์ดํ„ฐ ๋ณดํ˜ธ๋ฅผ ์œ„ํ•ด ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ฒ˜๋ฆฌ๋ฉ๋‹ˆ๋‹ค.