컬러 팔레트 프리셋
바로 복사해 쓰는 5색 팔레트 모음입니다. 각 팔레트의 가장 밝은 색과 가장 어두운 색의 명암비를 계산해 보여주므로, 읽기 쉬운 텍스트 조합인지 한눈에 확인할 수 있습니다.
도구 열기 →Sunset BeachAA 5.7:1
#003f5c, #58508d, #bc5090, #ff6361, #ffa600Forest FloorAA 6.0:1
#264653, #2a9d8f, #e9c46a, #f4a261, #e76f51Ocean BreezeAAA 14.7:1
#03045e, #0077b6, #00b4d8, #90e0ef, #caf0f8Autumn LeavesAA 5.1:1
#582f0e, #7f4f24, #936639, #a68a64, #b6ad90Minimal MonoAAA 14.6:1
#212529, #495057, #adb5bd, #dee2e6, #f8f9faEarth TonesAA 6.3:1
#344e41, #3a5a40, #588157, #a3b18a, #dad7cdCandy Pop3.4:1
#ff006e, #fb5607, #ffbe0b, #8338ec, #3a86ffNordic FrostAAA 13.2:1
#0d1b2a, #1b263b, #415a77, #778da9, #e0e1ddDesert SandAA 6.6:1
#603813, #8d5524, #c68642, #e0ac69, #edc9afCoral ReefAAA 7.7:1
#390099, #9e0059, #ff0054, #ff5400, #ffbd00Sage GardenAAA 12.2:1
#283618, #606c38, #bc6c25, #dda15e, #fefae0CyberpunkAA 6.2:1
#3a0ca3, #7209b7, #f72585, #4cc9f0, #4361eePastel Dream1.7:1
#ffadad, #ffd6a5, #fdffb6, #caffbf, #9bf6ffDeep Space3.5:1
#03071e, #370617, #6a040f, #9d0208, #d00000Berry SmoothieAAA 7.8:1
#3c096c, #5a189a, #9d4edd, #c77dff, #e0aaffMidnight GoldAAA 14.1:1
#03071e, #370617, #6a040f, #dda15e, #ffd60a자주 묻는 질문
- 이 팔레트는 어떻게 쓰나요?
- 스와치(또는 복사 버튼)를 클릭하면 5개 색상 코드가 쉼표로 구분된 목록으로 복사됩니다. CSS 변수, 디자인 툴, 아래 색상 도구 어디에든 바로 붙여넣을 수 있습니다.
- 배지(예: AAA 12.6:1)는 무슨 뜻인가요?
- 그 팔레트에서 가장 밝은 색과 가장 어두운 색 사이의 WCAG 명암비로, 그 팔레트로 만들 수 있는 최선의 텍스트·배경 조합입니다. AAA는 7:1 이상, AA는 4.5:1 이상이고, 숫자만 있으면 둘 다 못 미친다는 뜻입니다.
- 팔레트 안의 다른 색 조합도 확인할 수 있나요?
- 네. 여기 보이는 최고·최저 조합 말고 다른 두 색을 명암비 검사기에 붙여넣으면 원하는 텍스트·배경 조합을 바로 확인할 수 있습니다.
- 업로드되거나 기록되는 게 있나요?
- 없습니다. 이 페이지와 색상 도구는 전부 브라우저 안에서만 동작하며, 아무 것도 전송하지 않습니다.
