HEX RGB 색상 변환 (HSL, HSV, CMYK) – 무료
무료, 가입 불필요, 브라우저에서 작동합니다. 투명도를 포함해 색상을 HEX, RGB, HSL, HSV, CMYK 사이에서 한 번에 변환하세요. 아무 형식의 코드를 붙여 넣거나 색을 고른 다음, 필요한 형식을 복사하고 텍스트 대비를 확인하세요.
- HEX
- #2F5BFF
- RGB
- rgb(47, 91, 255)
- HSL
- hsl(227, 100%, 59%)
- HSV
- hsv(227, 82%, 100%)
- CMYK
- cmyk(82%, 64%, 0%, 0%)
텍스트 대비
흰색 텍스트: 5.17:1AA
검은색 텍스트: 4.06:1AA(큰 텍스트만)
AA는 일반 텍스트에 4.5:1, 큰 텍스트에 3:1이 필요하고, AAA는 7:1이 필요합니다. 대비는 불투명한 색상으로 측정합니다.
모든 변환은 내 기기에서 이루어집니다.
HEX RGB 색상 변환기을(를) 써야 하는 이유
- 100% 무료
- 원하는 만큼 사용하세요. 가입도, 워터마크도, 설치도 없습니다.
- 처음부터 개인정보 보호
- 입력한 내용은 브라우저에만 남고 저희에게 전송되지 않습니다.
- 모든 기기에서 작동
- Windows, Mac, Linux, Android, iPhone의 브라우저에서 실행됩니다. 앱이 필요 없습니다.
HEX RGB 색상 변환기 사용 방법
- #2F5BFF나 rgb(47, 91, 255)처럼 아무 형식의 색상을 붙여 넣거나 색상 선택기를 사용하세요.
- 투명도가 필요하면 불투명도를 조정하세요.
- HEX, RGB, HSL, HSV, CMYK 값을 복사하세요.
자주 묻는 질문
- HEX를 RGB로 어떻게 바꾸나요?
- 여섯 자리를 두 자리씩 세 쌍으로 나누고 각 쌍을 0~255 사이의 숫자로 읽으세요. #2F5BFF는 2F = 47, 5B = 91, FF = 255이므로 rgb(47, 91, 255)입니다. 이 도구는 입력하는 즉시 변환해 줍니다.
- 8자리 HEX 코드는요?
- 마지막 두 자리는 불투명도(알파)로, 00(투명)부터 FF(불투명)까지입니다. #2F5BFF80은 약 50% 불투명합니다. #abc나 #abcd 같은 짧은 형식도 됩니다.
- 인쇄하면 CMYK 값이 왜 다르게 보이나요?
- 화면에서 인쇄로의 변환은 프린터, 잉크, 종이에 따라 달라집니다. 여기 표시된 CMYK는 단순한 수학적 변환이므로, 정확한 결과를 원하면 인쇄소에 색상 프로파일을 요청하세요.
- 명암비는 무엇을 뜻하나요?
- 그 색상 위에서 텍스트가 얼마나 잘 읽히는지를 나타냅니다. 접근성 지침(WCAG)은 일반 텍스트는 최소 4.5:1, 큰 텍스트는 3:1을 요구합니다.
- 어딘가로 전송되는 데이터가 있나요?
- 아니요. 변환은 내 기기에서 이루어집니다.
- HEX RGB 색상 변환기은(는) 무료인가요?
- 네. 가입이나 설치 없이 무료로 사용할 수 있습니다.
도움말 및 사용 가이드(영어)
- Christmas Color Palette Ideas with HEX Codes (Free)Five Christmas colour palettes with HEX codes, from classic red and green to Nordic and midnight blue, with contrast-checked text pairs. Build more free.
- Indian Wedding Color Palette Ideas with HEX Codes (Free)Five Indian wedding colour palettes with HEX codes for invites and decor: haldi yellow, mehndi green, sindoor red and gold, jewel tones. Free palette generator.
관련 도구
- 색상 이름 찾기어떤 색이든 이름을 찾아보세요. HEX, RGB, HSL 코드를 붙여 넣으면 가장 가까운 CSS 색상 이름과 쉬운 설명을 알려 주고, 이름이 있는 148가지 색상 전체 목록도 볼 수 있습니다.
- 색상 대비 검사기WCAG 명암비로 텍스트가 배경 위에서 잘 읽히는지 확인하세요. 일반 텍스트, 큰 텍스트, 컨트롤에 대한 AA와 AAA 결과를 보고, 기준을 통과하는 가장 가까운 색을 추천받을 수 있습니다.
- 색상 팔레트 생성기키 하나로 색상 팔레트를 생성하고, 마음에 드는 색은 고정하거나, 기준 색에서 유사색, 보색, 삼각 배색으로 팔레트를 만드세요. CSS 변수, Tailwind, JSON으로 내보낼 수 있습니다.
- CSS 그라데이션 생성기최대 8개의 색상 지점으로 선형, 원형, 원뿔형 그라데이션을 디자인하고 실시간으로 확인한 뒤 CSS를 복사하세요. 흔히 쓰는 크기의 PNG 배경으로도 다운로드할 수 있습니다.