UI Colors

제품 개요

UI Colors (uicolors.app) is a free, allowing users to create, edit, share, and save beautiful color scales and palettes by starting with a base color or using the spacebar for random inspiration, with real-time previews in UI components to streamline design workflows for developers and designers. Palette Generation: Input a base color to auto-generate 11 shades (50-950 scale) in Tailwind format, or hit spacebar for random palettes; supports editing individual shades via sliders or hex input. UI Previews: Real-time visualization of palettes in buttons, cards, and other components to see how colors perform in context. Export & Integration: Copy Tailwind CSS config code, save palettes to "My Palettes," and use the Figma plugin for direct import into designs. Sharing: Generate shareable links for palettes to collaborate with teams.

추천 대상

UI Previews: 실시간 visualization 의 팔레트 에서 buttons, cards, 및 다른 컴포넌트 로 see 방법 색상 perform 에서 context. 내보내기 & 통합: 복사 Tailwind CSS 설정 코드, 저장 팔레트 로 "내 팔레트," 및 사용 Figma 플러그인 를 위한 direct 가져오기 로 디자인. 공유: 생성 shareable links 를 위한 팔레트 로 협업하다 를 사용한 팀.

주요 기능

• 팔레트 Generation: Input base 색상 로 auto-생성 11 shades (50-950 scale) 에서 Tailwind format, 또는 hit spacebar 를 위한 random 팔레트; 지원 편집 individual shades 경유 sliders 또는 HEX input.
• UI Previews: 실시간 visualization 의 팔레트 에서 buttons, cards, 및 다른 컴포넌트 로 see 방법 색상 perform 에서 context.
• 내보내기 & 통합: 복사 Tailwind CSS 설정 코드, 저장 팔레트 로 "내 팔레트," 및 사용 Figma 플러그인 를 위한 direct 가져오기 로 디자인.
• 공유: 생성 shareable links 를 위한 팔레트 로 협업하다 를 사용한 팀.