ColorBase: UI Color Palettes

ColorBase – 색상 팔레트 및 UI 색상 도구

ColorBase를 사용하여 UI/UX 디자인을 위한 색상을 생성, 탐색, 테스트 및 관리하세요.

전문적인 색상 팔레트, 색 구성표, 그라데이션, 명암 및 색조를 만들고, WCAG 대비를 확인하고, 이미지에서 색상을 선택하고, 타이포그래피를 테스트하고, UI 구성 요소를 미리 보고, 프로덕션 준비가 완료된 디자인 토큰을 내보낼 수 있습니다. 이 모든 기능을 가볍고 오프라인 우선 앱 하나로 이용할 수 있습니다.

🎨 색상 팔레트 및 색 구성표 생성기

전문적인 색상환과 색상 조화 시스템을 사용하여 아름다운 색상 팔레트를 만드세요. 다음을 생성할 수 있습니다.

• 보색 팔레트

• 유사색 구성표

• 단색 팔레트

• 삼색 조합

• 사색 조합

• 사용자 지정 UI 색상 팔레트

기본 색상을 사용하여 앱, 웹사이트, 브랜딩, 그래픽 및 UI 디자인에 어울리는 조화로운 색상 조합을 탐색하세요.

♿ WCAG 대비 검사기 및 자동 수정

WCAG 대비 검사기를 사용하여 텍스트와 배경색의 대비를 즉시 확인하세요.

색상이 WCAG 2.1 AA 및 AAA 접근성 목표를 충족하는지 확인하고, 대비가 부족할 경우 ColorBase의 자동 수정 도구를 사용하여 개선된 색상 조합을 찾아보세요.

다음과 같은 용도에 유용합니다.

• UI 접근성 테스트

• 텍스트 대비 검사

• 배경 대비 테스트

• 접근성 있는 색상 선택

• 밝은 UI 테마 및 어두운 UI 테마

🌈 명암, 색조 및 색상 생성기

모든 기본 색상에서 완벽한 색상 스케일을 생성합니다. UI 상태, 배경, 테두리, 버튼 및 디자인 시스템에 사용할 밝은 색조와 어두운 색조를 만들 수 있습니다.

색상을 HEX, RGB 및 HSL 형식으로 내보낼 수 있습니다.

🎯 색상 선택기 및 이미지 색상 추출기

이미지, 사진, 스크린샷 또는 UI 디자인에서 직접 색상을 선택할 수 있습니다.

정확한 색상을 추출하여 프로젝트에서 재사용 가능한 색상 견본으로 저장할 수 있습니다.

🎨 색상 혼합기

다양한 색상 모델을 사용하여 색상을 혼합하고 RGB, HSL, LAB 및 LCH 색 공간에서 색상이 어떻게 변하는지 살펴볼 수 있습니다.

사용자 지정 색상을 만들고 다양한 혼합 방식을 실험해 볼 수 있습니다.

✨ 그라디언트 생성기

웹사이트, 모바일 앱, 배경, 카드 및 시각 디자인에 사용할 맞춤형 선형 및 방사형 그라디언트를 만드세요.

색상, 정지점, 각도 및 그라디언트 조합을 다양하게 실험해 보고 결과를 실시간으로 미리 보세요.

🔤 타이포그래피 및 글꼴 테스터

색상 및 배경과 함께 타이포그래피를 테스트해 보세요.

다양한 글꼴 스타일, 크기, 굵기 및 텍스트 조합을 미리 볼 수 있습니다. Google 글꼴을 검색하여 타이포그래피 플레이그라운드에 글꼴을 불러와 제목, 본문, 버튼 및 UI 콘텐츠를 평가해 보세요.

📱 UI 색상 및 구성 요소 시각화 도구

색상 선택 도구만으로 색상을 판단하지 마세요.

다음과 같은 실제 UI 구성 요소에서 색상 시스템을 미리 보세요.

• 버튼

• 카드

• 입력란

• 툴팁

• 진행률 표시줄

• 스낵바

• 대화 상자

• 아코디언

• 텍스트 및 배경

실제 인터페이스에서 색상이 어떻게 조화를 이루는지 확인하세요.

🧩 디자인 토큰 및 개발자 내보내기

컬러 시스템을 바로 사용 가능한 디자인 토큰으로 변환하세요.

다음 형식으로 색상 및 디자인 변수를 내보낼 수 있습니다.

• CSS 변수

• Tailwind CSS

• React Native

• Flutter

• HEX

• RGB

• HSL

개별 색상 코드를 수동으로 복사하는 대신 재사용 가능한 컬러 시스템을 구축하세요.

🔎 색상 이름 찾기

HEX 값에 가장 가까운 알려진 색상 이름을 찾고, 사용자 지정 색상을 재사용 가능한 견본으로 정리하세요.

📴 오프라인 색상 툴킷

ColorBase는 가볍고 오프라인에서 사용할 수 있는 색상 도구입니다. 인터넷 연결 없이도 팔레트를 만들고, 색상을 확인하고, 그라디언트를 생성하고, UI 조합을 테스트하고, 저장된 색상 리소스를 관리할 수 있습니다.

ColorBase를 사용해야 하는 이유?

일상적인 색상 워크플로를 위한 하나의 앱:

✓ 색상 팔레트 생성기

✓ 색상 구성표 생성기

✓ 색상환

✓ 색상 선택기

✓ 이미지 색상 선택기

✓ WCAG 대비 검사기

✓ 명암 및 채도 생성기

✓ 색상 혼합기

✓ 그라디언트 생성기

✓ 타이포그래피 테스트기

✓ UI 색상 시각화 도구

✓ 디자인 토큰 내보내기

✓ HEX/RGB/HSL 도구

✓ 오프라인 색상 작업 공간

모바일 앱, 웹사이트, 대시보드, 브랜드 아이덴티티, 그래픽 또는 디자인 시스템을 디자인하든 ColorBase는 색상을 탐색하고, 조합을 검증하고, 일관된 팔레트를 구축하고, 제작을 위한 준비를 도와줍니다.

더 나은 색상 시스템을 구축하고 접근성을 확인하세요.