단일 기본 색상에서 색상 음영 생성
저희 무료 온라인 도구는 선택한 색상에 대해 다양한 음영과 틴트를 즉시 생성합니다. 디자이너, 개발자, 디지털 아티스트 등 누구든 16진수 코드를 입력하거나 Light Sky Blue과 같은 색상을 선택하면 생성기가 아름다운 간격의 그라데이션을 포함한 완벽한 팔레트를 만들어 줍니다. 이 색상들을 사용하여 눈길을 사로잡는 UI 구성 요소를 구축하거나, 매력적인 일러스트레이션을 제작하거나, 다음 프로젝트를 위한 역동적인 CSS 테마를 제작해 보세요.
오른쪽 도구 패널을 사용하여 기본 색상을 조정하여 음영 범위를 변경합니다. 편집 버튼을 사용하여 기본 색상을 변경합니다. 왼쪽의 미리보기 구성 요소는 변경 사항에 따라 자동으로 업데이트됩니다. CSS, Tailwind, SwiftUI 또는 CSS 변수 값을 쉽게 생성하고 클립보드에 복사할 수 있습니다.
Example Components
Premium Wireless Headphones
High-fidelity audio with active noise cancellation, premium materials, and up to 30 hours of battery life. Perfect for music enthusiasts and professionals.
Alex Chen
Mar 15, 2025
The Future of Web Development: AI-Powered Tools and Automation
Explore how artificial intelligence is revolutionizing web development workflows, making developers more productive and efficient than ever before.
Web Development Workshop 2025
Join us for an intensive workshop on modern web development practices. Learn about the latest frameworks, tools, and techniques from industry experts. This hands-on session will cover everything from frontend development to backend architecture and deployment strategies.
Tech Innovation Hub
123 Developer Street, Silicon Valley, CA
45 going
5 spots left
Revenue Overview
Monthly revenue performance and key metrics
Total Revenue
vs. last month
Average Order Value
vs. last month
Conversion Rate
vs. last month
Active Customers
vs. last month
Button States
Demonstration of primary button states: normal, hover, active, and disabled
Normal State
Hover State
Active State
Interactive Example
Disabled State
Explore More Color Shades
Light Sky Blue
light-sky-blue: #87cefa;