HTML과 CSS 작성을 위한 색상 헬퍼. 아무 색이나 #3498db, rgb(52,152,219), hsl(204,70%,53%) 또는 dodgerblue 같은 CSS 이름으로 입력하면 변환 탭이 모든 등가 형식, 붙여넣기 준비된 CSS 선언, 흑/백 전경 제안을 즉시 보여 줍니다. 이름색 탭은 rebeccapurple을 포함한 148개 CSS 색상 키워드를 모두 나열하고(검색 가능, 클릭하여 복사), 웹 안전색은 고전 216색 팔레트를 제공합니다. 모든 것이 로컬에서 실행됩니다 — 업로드 없음, 서버 없음. 이 도구는 코드 지향입니다. 디자인 작업(팔레트, 그라디언트, 대비, 혼합)은 색상 피커도 보세요.
웹 안전 팔레트 216색 (RGB 단계 0/51/102/153/204/255) — 클릭하면
이 색들은 고전 256색 디스플레이에서 디더링 없이 렌더링됩니다
형식의 관계:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). HSL 색조는 도(0-360)이고 채도/명도는 백분율입니다. 알파(#RRGGBBAA, rgba(), hsla())는 파싱되어 모든 출력으로 전달됩니다. CSS 키워드 이름이 먼저 정확히 대조되고, 일치하는 키워드가 없으면 148개 키워드 중 가장 가까운 것이 디자인 힌트로 제안됩니다.
CSS 색상 코드란 무엇인가?
CSS 색상 코드는 화면 위 한 색의 숫자 레시피입니다. 얼마나 많은 빨강, 초록, 파랑 빛을 섞을지. 모든 표기 — #3498db 같은 여섯 자리 hex, 함수형 rgb(52, 152, 219), hsl(204, 70%, 53%), 148개 사전 정의 키워드 — 는 같은 24비트 sRGB 값으로 환원됩니다. Hex와 rgb()는 채널을 직접 서술하고, hsl()은 색을 색환 위의 각도와 채도·명도로 서술하므로 색조를 다룰 때 더 쉽게 추론할 수 있는 경우가 많습니다.
채널당 256수준이 16,777,216개의 주소 지정 가능한 색을 줍니다. 8자리 형식(#RRGGBBAA, rgba(), hsla())은 같은 색에 알파(불투명도) 값을 덧붙일 뿐입니다.
