Color Picker

보통

색상 견본으로 색상을 선택하는 컬러 피커

#click#javascript#color

라이브 데모

#8B5CF6

코드

ColorPicker.tsx

const [selectedColor, setSelectedColor] = useState('#8B5CF6');
const colors = ['#8B5CF6', '#EC4899', '#3B82F6', '#10B981'];
return (
  <div className="color-swatches">
    {colors.map(color => (
      <button onClick={() => setSelectedColor(color)} style={{ backgroundColor: color }} />
    ))}
  </div>
);