컬러 변환기 (HEX, RGB, HSL, OKLCH)
개인정보 보호 설계 — 브라우저에서 모두 처리됩니다
브라우저에서 HEX, RGB, HSL, OKLCH 및 명명된 값 사이에서 색상을 변환합니다. Toova는 라이브 미리 보기를 보여주고, 슬라이더로 채널을 조정할 수 있게 하며, CSS, 디자인 도구 또는 프로덕션 코드에 붙여 넣을 준비가 된 모든 형식의 전체 출력을 노출합니다.
왜 많은 색상 형식이 있는가
HEX(#ff6600)는 CSS에서 가장 일반적이며 입력하기 쉽습니다. RGB(rgb 255 102 0)는 모든 이미지 형식이 사용하는 것입니다. HSL(hsl 24 100% 50%)은 색조, 채도, 명도가 사람이 색상에 대해 생각하는 방식에 매핑되기 때문에 음영을 선택할 때 더 직관적입니다. OKLCH는 지각 균일성을 수정하는 현대적 형식입니다. 동일한 숫자 단계가 동일한 시각적 단계로 보입니다. Toova는 이 모든 것 사이에서 손실 없이 변환합니다.
라이브 미리 보기 및 채널 슬라이더
어떤 형식으로든 색상을 붙여 넣으면 Toova는 라이브 견본과 다른 모든 형식으로의 완전한 변환을 보여줍니다. 채널 슬라이더(색조, 채도, 명도, 빨강, 녹색, 파랑, 알파)를 드래그하면 미리 보기가 실시간으로 업데이트됩니다. 이것은 브라우저 탭을 떠나지 않고 기본 색상을 음영으로 조정하고, 대비를 수정하고, 호버 상태를 생성하기 쉽게 만듭니다.
로컬 전용
색상 변환은 전적으로 브라우저에서 이루어집니다. 붙여 넣은 값은 페이지를 떠나지 않습니다. 색상 코드에 대해서는 과도하지만, 도구를 빠르고 안정적으로 만듭니다. 백엔드 왕복 없음, 속도 제한 없음, 가동 중단 없음. 첫 로드 후 페이지는 오프라인에서 작동합니다.
자주 묻는 질문
- HEX 대신 언제 OKLCH를 사용해야 합니까?
- OKLCH는 지각 균일하며, 이는 동일한 숫자 단계가 동일한 시각적 단계로 보임을 의미합니다. 그래서 색상 팔레트를 생성하거나, 접근 가능한 대비를 계산하거나, 알고리즘 색상 조작을 수행할 때 올바른 선택입니다. 정적 디자인 토큰에는 HEX가 여전히 괜찮습니다.
- 모든 변환이 무손실입니까?
- HEX, RGB, 8비트 색상 형식 간의 변환은 무손실입니다. HSL 또는 OKLCH가 관련된 변환은 마지막 자릿수에 작은 부동 소수점 반올림을 도입할 수 있지만 결과는 시각적으로 동일합니다.
- 투명도를 지원합니까?
- 예. 알파 지원이 있는 모든 형식(8자리 HEX, RGBA, HSLA, 알파가 있는 OKLCH)이 올바르게 처리됩니다. 변환은 알파 채널을 정확히 보존합니다.
- 이미지에서 색상을 선택할 수 있습니까?
- 여기서 직접은 아닙니다. 이미지에서 팔레트 추출을 위해서는 Color Palette Extractor 도구를 사용하십시오. 이 변환기는 알려진 색상 값을 형식 사이에서 변환하는 데 중점을 둡니다.
- 서버로 전송되는 것이 있습니까?
- 아니요. 변환은 전적으로 브라우저에서 실행됩니다. 사용 중 네트워크 탭은 비어 있습니다.