ggplot2 vs css lch colors

gistfile1.txt

testing

the R color palette

code

gg_color_hue <- function(n) {
  hues = seq(15, 375, length = n + 1)
  hcl(h = hues, l = 65, c = 100)[1:n]
}


n = 4
cols = gg_color_hue(n)

dev.new(width = 4, height = 4)
plot(1:n, pch = 16, cex = 2, col = cols)

alternatively this which should do the same math https://scales.r-lib.org/reference/hue_pal.html

library(scales)
show_col(hue_pal()(4))

the JS color palette using the same thing, with "LCH" color from CSS https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lch

function seq(start, end, n) {
  return Array.from(
    { length: n + 1 },
    (_, i) => start + (i * (end - start)) / n
  );
}
function gg_color_hue(n) {
  const hues = seq(15, 375, n);
  return hues.map((h) => `lch(65% 100 ${h})`).slice(0, n);
}

function ColRow({ n }) {
  const cols = gg_color_hue(n);
  return (
    <>
      {cols.map((c) => (
        <div
          style={{
            display: "inline-block",
            width: 100,
            height: 100,
            background: c,
          }}
        ></div>
      ))}
    </>
  );
}

export default function App() {
  return <ColRow n={4} />;
}

palettes 2-6