인기 색상 코드 가이드
가장 자주 사용하는 형식부터 시작하세요. 각 가이드는 해당 형식이 유용한 상황, 값이 작동하는 방식, 결과를 복사하거나 변환하는 데 도움이 되는 Color Code 도구 페이지를 설명합니다.
팔레트를 더 빠르게 만들기
기본 색상을 선택한 뒤 색상 선택기, 색상 휠, 팔레트 생성기, 대비 검사기, 믹서를 사용해 하나의 색상을 실용적인 웹사이트 팔레트로 확장하세요.
관련 색상 도구
이 도구들을 사용해 이 가이드에서 설명한 색상 값을 선택, 변환, 테스트 및 내보낼 수 있습니다.
더 많은 색상 가이드
HTML 색상 코드HTML 색상 코드가 작동하는 방식을 배우고 Hex, RGB, HSL, OKLCH, 이름 색상 및 CSS용 색상 값을 복사하세요.Hex 색상 코드Hex 색상 코드, 여섯 자리 #RRGGBB 값, 축약 Hex 색상 및 Hex에서 RGB로 변환하는 방법을 안내합니다.RGB 색상 코드RGB 색상 코드를 이해하고 RGB를 Hex로 변환하며 CSS에서 rgb() 값을 사용하는 방법을 알아보세요.HSL 색상 코드HSL 색상 코드, 색상 각도, 채도, 명도 및 CSS에서 hsl()을 사용하는 방법을 알아보세요.CSS 색상 코드스타일시트, 그라디언트, 테두리, 그림자, SVG 및 인터페이스 디자인에서 CSS 색상 코드를 사용하세요.색상 팔레트 생성기기본 색상, 이미지, 색상 휠, 조화색, 음영, 틴트 및 톤에서 색상 팔레트를 생성하세요.웹 안전 색상웹 안전 색상, 전통적인 브라우저 안전 팔레트, Hex 값 및 현대적인 대안을 살펴보세요.색상 음영 생성기모든 Hex, RGB, HSL 또는 OKLCH 색상에서 음영, 틴트, 톤 및 변형을 만드세요.