웹용 색상 선택: HEX, RGB, CSS

작동 원리

기본 색상 입력은 sRGB 값을 6자리 16진수 문자열로 제공합니다. 채널은 RGB 삼중항에 대해 십진수로 구문 분석되고 CSS 사용자 정의 속성은 스타일시트에서 예상하는 정확한 구문으로 작성됩니다.

• 기본 색상 입력을 사용하므로 브라우저가 지원하는 시스템 스포이드와 함께 작동합니다.

왜 중요한가요?

팔레트는 Figma, CSS, 이메일, 때로는 캔버스에 있습니다. 모든 번역 단계에서는 잘못된 형식을 붙여넣을 기회가 있으므로 HEX, RGB 및 사용자 정의 속성을 함께 복사하면 피할 수 있는 실수가 제거됩니다.

실제 사례

#635BFF를 선택하면 rgb(99, 91, 255) 및 CSS 사용자 정의 속성 --color: #635BFF가 생성되며, 이는 16진수 코드를 반복하는 대신 스타일시트에 추가하고 어디에서나 참조할 수 있습니다.

일반적인 실수

• 대비를 확인하지 않고 색상과 배경을 별도로 선택합니다.
• 신호 상태를 위해 색조에만 의존합니다.
• 호버 및 포커스 변형을 잊어버립니다.

실용적인 팁

먼저 중립 스케일을 선택한 다음 악센트를 선택하세요. 단일 강조 색상과 세 가지 중성색이 더 큰 팔레트보다 밝은 테마와 어두운 테마 전반에서 일관성을 유지하기가 더 쉽습니다.

사용방법

1. 도구를 엽니다. 모든 것이 브라우저 탭에서 실행됩니다.
2. 입력 내용을 붙여넣거나 입력한 후 필요한 작업을 선택하세요.
3. 결과를 확인하고 한 번의 클릭으로 복사하세요.

도구 열기

일반적인 질문