색채 공방
색채 공방 안의 모든 도구를 한자리에.
팔레트, CSS, 대비.
무료 도구 7개가입 필요 없음어떤 기기에서나파일은 그대로 곁에
아래에서 색채 공방 안을 둘러보고 지금 필요한 도구를 찾아보세요.
색채 공방의 도구
도구 0개 · 7개 예정찾아온 일을 기준으로 묶었습니다. 지금 쓸 수 있는 것은 0, 나머지는 제작 중이라 ‘준비 중’으로 표시됩니다.
색상·CSS
스타일시트에 바로 붙여 넣는 값.도구 7개색상 코드 변환준비 중색 하나를 모든 표기법으로 한꺼번에. WCAG 대비 검사도 함께.HEX · RGB · HSL팔레트 생성기준비 중기준색 하나에서 조화색과 밝기 단계를. 복사할 수 있는 hex 코드와 함께.HEXCSS 그라디언트 생성기준비 중선형·방사형 그라디언트를 미리 보고 붙여 넣을 CSS를 그대로 받습니다.CSS박스 그림자 생성기준비 중오프셋, 흐림, 확산, 색을 조절하는 동안 실제 카드 위에서 미리 봅니다.CSS명도 대비 검사준비 중두 색의 대비율과, AA·AAA 통과 여부에 대한 분명한 답.WCAGTailwind 색상 찾기준비 중어떤 hex 값에든 가장 가까운 Tailwind 클래스를, 판단할 수 있도록 색 차이와 함께.HEX색각 이상 시뮬레이터준비 중빨강과 초록에 기대기 전에, 남성 8퍼센트가 보는 방식으로 디자인을 확인하세요.JPG · PNG
색상 도구 소개
어떤 대비 기준을 쓰나요?
WCAG 2.2 상대 휘도입니다. 감리 담당자와 브라우저 개발자 도구가 쓰는 것과 같은 계산식입니다. 본문 글자는 4.5:1, 큰 글자와 UI 경계선은 3:1이 기준입니다.
화면에서 본 팔레트가 인쇄물에서는 왜 달라 보이나요?
화면은 빛을 더하는 방식이고 잉크는 빛을 빼는 방식입니다. 그래서 화면에서 쨍한 색은 대응하는 잉크가 아예 없는 경우가 많습니다. CMYK 값은 교정쇄를 뽑기 위한 출발점으로 보시고, 똑같이 나올 색으로 기대하지 마세요.
다른 서식지
여러분 덕분에
ToolZool은 계속 무료입니다
좋은 도구는 누구에게나 무료여야 합니다. 그 비용을 어떻게 대는지, 빠짐없이 적었습니다.
Zooly에게 커피 한 잔불을 켜 두고 새 도구를 계속 만들게 하는 직접 후원. 전적으로 선택입니다.Zooly 후원하기 →
추천 도구브라우저가 못 끝내는 일을 해내는 유료 도구들. 그 페이지의 무엇도 오늘 저희에게 수익을 주지 않습니다.추천 보기 →
선을 지키는 광고표시가 붙은 광고는 작업 영역 바깥에 자리해, 여러분과 결과 사이를 가로막지 않습니다.광고 정책 읽기 →
정말 멋진 분들찾아오고, 알리고, 건네주신 한마디가 ToolZool을 자라게 하고 더 많은 사람에게 닿게 합니다.
