Color manipulation functions

import { fromRgb, mix } from "@temelj/color";

const red = fromRgb(255, 0, 0);
const blue = fromRgb(0, 0, 255);

// 50/50 mix
const purple = mix(red, blue);
console.log(purple); // { red: 127.5, green: 0, blue: 127.5 }

// 75% red, 25% blue
const reddish = mix(red, blue, 0.75);
console.log(reddish); // { red: 191.25, green: 0, blue: 63.75 }

import { fromRgb, lighten } from "@temelj/color";

const blue = fromRgb(0, 0, 200);
const lightBlue = lighten(blue, 0.2);

console.log(lightBlue);
// Color is 20% lighter

import { fromRgb, darken } from "@temelj/color";

const yellow = fromRgb(255, 255, 0);
const darkYellow = darken(yellow, 0.3);

console.log(darkYellow);
// Color is 30% darker

import { fromRgb, saturate } from "@temelj/color";

const paleBlue = fromRgb(150, 180, 200);
const vibrantBlue = saturate(paleBlue, 0.4);

console.log(vibrantBlue);
// Color is more vibrant/saturated

import { fromRgb, desaturate } from "@temelj/color";

const vibrantRed = fromRgb(255, 0, 0);
const mutedRed = desaturate(vibrantRed, 0.5);

console.log(mutedRed);
// Color is more muted/less saturated

import { fromRgb, grayscale } from "@temelj/color";

const red = fromRgb(255, 0, 0);
const gray = grayscale(red);

console.log(gray);
// Color has no saturation, only lightness remains

// Useful for accessibility testing or print previews
const colors = [
  fromRgb(255, 0, 0),
  fromRgb(0, 255, 0),
  fromRgb(0, 0, 255),
];

const grayPalette = colors.map(grayscale);
console.log(grayPalette);