@terrazzo/react-color-picker

Pick colors using CSS Color Module 4, wide color gamut (WCG), and all supported web colorspaces using React and WebGL for monitor-accurate colors. Powered by 🌈 Culori.

2 kB, enforced by size-limit

Setup

pnpm i @terrazzo/react-color-picker

import ColorPicker from '@terrazzo/react-color-picker';
import { useState } from 'react';

const [color, setColor] = useState('color(display-p3 0 0.3 1)');

<ColorPicker value={color} onChange={setColor} />;