Huebert란 무엇인가요?

Huebert는 웹 크리에이터가 멋진 팔레트와 UI 테마를 단 몇 초 만에 구축할 수 있도록 설계된 전문 색상 도구 키트입니다. 강력한 색상 생성 도구와 AI 지원, WCAG 및 APCA 대비 검증, CSS, SCSS, Tailwind, JSON 등을 포함한 내보내기 옵션을 결합합니다. 소프트웨어 엔지니어에서 디자인 애호가로 변신한 Flo가 만든 Huebert는 색상 선택에서 추측을 없애기 위한 개인 프로젝트로 시작되어, 인간적인 지원이 뒷받침되는 완전한 기능의 제품으로 성장했습니다.

대상 사용자

• 프론트엔드 개발자: 수동 조정 없이 프로덕션에 바로 사용할 수 있는 색상 시스템과 shadcn/ui 테마가 필요한 분
• UI/UX 디자이너: 접근성이 뛰어나고 대비가 높은 색상 팔레트를 빠르게 생성하고 WCAG 표준에 대해 검증하려는 분
• 솔로 크리에이터 및 인디 메이커: AI 기반 생성과 작업을 정리할 개인 라이브러리를 갖춘 가볍고 저렴한 도구 키트를 선호하는 분

주요 기능

팔레트 생성기

매우 구성 가능한 설정과 선택적 AI 지원으로 1~10가지 색상을 생성합니다. 대화형 색상환, WCAG 및 APCA 대비 검사, 색맹 시뮬레이션을 통해 다양한 기기에서 멋지게 보이는 접근성 있는 팔레트를 만들 수 있습니다.

고대비 생성기

가독성이 뛰어난 전경/배경 쌍을 즉시 생성합니다. 이 도구는 WCAG 및 APCA 표준에 대한 대비를 검증하고, 구성 가능한 범위와 팔레트 샘플링을 지원하며, 필요할 때 AI 지원과 함께 색맹 시뮬레이션도 포함합니다.

shadcn/ui 테마 생성기

한 번의 클릭 또는 AI로 완전한 프로덕션 준비 shadcn/ui 테마를 생성합니다. 실제 컴포넌트의 라이트 및 다크 미리보기를 실시간으로 확인하고, 붙여넣은 CSS에서 테마를 가져오며, Tailwind CSS 변수를 즉시 복사할 수 있습니다. 색상, 타이포그래피, 반경, 간격, 그림자에 대한 컨트롤이 모두 포함되어 있습니다.

개인 라이브러리 및 내보내기 옵션

팔레트와 테마를 프로젝트에 저장하고, 다시 열어 편집하며, 생성기 간에 이동할 수 있습니다. CSS, SCSS, Tailwind, JSON, CSV, JavaScript, SVG 등 다양한 형식으로 내보내거나 클립보드에 직접 복사할 수 있습니다.

돋보이는 점

"저는 Huebert를 스스로를 위해 만들었습니다: 빠르고, 유연하며, 실제로 사용하기 즐거운 도구로요."