기타
컬러 코드 변환
컬러 코드 변환은 HEX·RGB·HSL·HSV·OKLCH 형식을 상호 변환하는 도구입니다. 색을 하나 입력하면 대응하는 모든 형식의 표기를 동시에 계산해 목록으로 표시하고, 각 값을 원클릭으로 복사할 수 있습니다. HEX에서 RGB로의 변환(hex rgb 변환)은 물론, RGB에서 HEX, HSL 변환, RGBA 변환까지 웹·디자인 제작에 필요한 변환을 한꺼번에 처리할 수 있습니다.
각 형식으로의 변환
| 형식 | 값 | 복사 |
|---|---|---|
| HEX | #1E90FF | |
| HEX8 | #1E90FFFF | |
| RGB | rgb(30, 144, 255) | |
| RGBA | rgba(30, 144, 255, 1) | |
| HSL | hsl(210, 100%, 56%) | |
| HSLA | hsla(210, 100%, 56%, 1) | |
| HSV | hsv(210, 88%, 100%) | |
| OKLCH | oklch(0.652 0.19 253) | |
| CMYK | cmyk(88%, 44%, 0%, 0%) |
CMYK는 인쇄용 참고값입니다. 색역이나 인쇄 프로파일에 의존하기 때문에 화면의 sRGB에서 계산한 근사값을 표시하고 있습니다. 입력 형식으로는 받지 않습니다.
변환은 모두 사용 중인 브라우저 안에서 이루어지며, 입력한 값이 외부 서버로 전송되는 일은 없습니다.
관련 도구
QR 코드 생성
URL / 주소록 / Wi-Fi / 메일 / 이벤트 / 지리 좌표 / SMS / 전화 / 텍스트를 QR 코드 이미지로 변환합니다. 크기, 형식, 색상, 로고를 선택할 수 있습니다. 브라우저만으로 완결됩니다.
추첨 / 제비뽑기
텍스트 목록 또는 숫자 범위에서 무작위로 1~N개를 추첨합니다. 중복 없음, 릴 연출, 추첨 이력 저장에 대응합니다. 브라우저만으로 완결됩니다.
컬러 피커
이미지에서 색을 추출하여 컬러 코드를 얻습니다. 돋보기로 확대하면서 픽셀 단위로 가져올 수 있으며, HEX / RGB / HSL 전환과 팔레트 내보내기를 지원합니다. 브라우저만으로 완결됩니다.
명도 대비 검사
전경색(글자색)과 배경색의 명도 대비(콘트라스트 비율)를 실시간으로 계산하는 무료 명도 대비 검사 도구입니다. WCAG 2.1 / 2.2 의 AA·AAA 기준(일반 텍스트·큰 텍스트·UI 구성요소) 통과 여부를 판정하며, 기준을 만족하는 색 자동 제안·색각 이상 시뮬레이션·APCA 도 지원합니다. 배색의 접근성을 브라우저만으로 확인할 수 있습니다.
뽀모도로 타이머
25분의 집중과 5분의 휴식을 반복하는 무료 온라인 뽀모도로 타이머. 공부, 업무용 집중 타이머로서 원형 진행 표시, 알람음, 전체 화면, 항상 위에 표시되는 팝업 표시를 지원합니다. 브라우저만으로 완결됩니다.
단위 변환
길이·무게·온도·면적·부피·속도 등 다양한 단위를 서로 환산할 수 있는 무료 단위 변환 도구입니다. cm 인치 변환, 섭씨 화씨 온도 변환, 평과 제곱미터 등을 실시간으로 변환할 수 있습니다. 웹 브라우저만으로 완결됩니다.
컬러 코드 변환 도구란?
컬러 코드 변환은 HEX·RGB·HSL·HSV·OKLCH 형식을 상호 변환하는 도구입니다. 색을 하나 입력하면 대응하는 모든 형식의 표기를 동시에 계산해 목록으로 표시하고, 각 값을 원클릭으로 복사할 수 있습니다. HEX에서 RGB로의 변환(hex rgb 변환)은 물론, RGB에서 HEX, HSL 변환, RGBA 변환까지 웹·디자인 제작에 필요한 변환을 한꺼번에 처리할 수 있습니다.
입력 시 형식을 선택할 필요가 없습니다. #1E90FF 같은 3자리·6자리 HEX, 투명도를 포함한 4자리·8자리 HEX(컬러 코드 8자리 변환), rgb(30, 144, 255) / rgba(30 144 255 / 0.8), hsl(210, 100%, 56%) / hsla(...), hsv(...), oklch(0.65 0.19 253) 등을 그대로 붙여넣으면 형식을 자동으로 판정하여 변환합니다. 네이티브 컬러 피커에서 색을 고를 수도 있고, 투명도(알파) 슬라이더로 불투명도를 0~1 범위에서 조정할 수도 있습니다.
출력에는 최근 CSS에서 활용이 늘고 있는 지각적으로 균일한 색 공간 OKLCH와, 인쇄에서 쓰이는 CMYK 참고값도 포함됩니다. HEX·RGB·HSL·HSV를 오가면서 디자인 시안·CSS·디자인 도구 사이에서 같은 색을 정확하게 주고받고 싶을 때 편리합니다.
변환은 모두 사용 중인 브라우저 안에서 이루어지며, 입력한 값이 외부 서버로 전송되는 일은 없습니다. 회원가입이나 광고 클릭 없이 바로 사용할 수 있습니다.
사용 방법
- 입력란에 컬러 코드를 붙여넣습니다(HEX·RGB·HSL·HSV·OKLCH를 자동으로 판정합니다). 오른쪽 컬러 피커에서 색을 고를 수도 있습니다.
- 투명도를 바꾸고 싶을 때는 알파 슬라이더로 불투명도(0~1)를 조정합니다.
- 미리보기에서 현재 색(투명도 포함)을 확인합니다.
- "각 형식으로의 변환" 목록에서 HEX·8자리 HEX·RGB·RGBA·HSL·HSLA·HSV·OKLCH·CMYK 값을 확인합니다.
- 각 행의 "복사" 버튼으로 필요한 형식의 값을 복사해 사용합니다.
활용 사례
- 디자인 시안의 HEX를 CSS의 rgb()／rgba()로 바꾸고 싶은 웹 디자이너·코더.
- 투명도가 포함된 색을 8자리 HEX나 rgba로 정확하게 지정하고 싶은 프런트엔드 엔지니어.
- HSL이나 HSV로 색상·채도·명도를 조정하면서 최종 HEX를 얻고 싶은 사용자.
- OKLCH로 지각적으로 균일한 배색을 설계하고, 대응하는 RGB／HEX도 확인하고 싶은 디자이너.
- 화면의 색을 인쇄 기준으로 삼기 위해 CMYK 참고값으로 파악하고 싶은 사용자.
- 여러 도구나 코드 사이에서 같은 색을 다른 형식으로 변환해 주고받고 싶은 개발자.
주의사항
- HEX·RGB·HSL·HSV·OKLCH를 입력 형식으로 받습니다. CMYK는 인쇄용이며 색역·프로파일에 의존하여 화면의 sRGB에서 일의로 역변환할 수 없기 때문에 출력(참고값)으로만 대응합니다.
- 8자리 HEX(#RRGGBBAA)와 4자리 HEX(#RGBA), rgba()·hsla(), 그리고 `oklch(L C H / a)`의 투명도에 대응합니다. 투명도는 알파 슬라이더로도 조정할 수 있습니다.
- 네이티브 컬러 피커는 투명도를 다룰 수 없기(6자리 HEX만 지원) 때문에, 피커로 색을 골라도 현재 투명도는 유지됩니다.
- HSL·HSV·CMYK·OKLCH는 정수나 소수 자릿수로 반올림하여 표시하므로, 다시 변환하면 아주 미세한 오차가 생길 수 있습니다.
- OKLCH에서 RGB로 변환할 때 sRGB 색역을 벗어나는 경우에는 표시 가능한 범위로 반올림(클램프)합니다.