A React hook for using luminance,support React18
npm install use-luminanceuse-luminance is a simple, fast, and efficient luminance calculation hook.
it use the useDeferredValue hook to calculate the luminance of a color.
it can also provide a useTheme hook to calculate current theme based on the luminance of background-color.
this package is only support for React18.To use it,you must upgrade your react version to 18.
with npm
``sh`
npm install --save use-luminance
with yarn
`sh`
yarn add use-luminance
`tsx
import { useLuminance } from "use-luminance";
function App() {
const luminance = useLuminance(color);
return
`tsx
import { useTheme } from "use-luminance";function App() {
const theme = useTheme(color);
return
{theme};
}
`API
-
useLuminance(color: string):number
- useTheme(color: string):'light'|'dark'>
color` is a string, it can be a rbg string or a hex color.Be careful,color name is not supported.MIT