skills/meodai__skill.color-expert
1
0
Fork 0
mirror of https://github.com/meodai/skill.color-expert.git synced 2026-09-14 20:16:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4 from meodai/add-mrmrs-tools

Browse Source 
Add Components.ai color tools and improve mrmrs attribution
This commit is contained in:
David Aerne
2026-03-26 22:57:59 +01:00
committed by GitHub
parent 738a080e8f c3ef4f6bc8
commit 9382923717
2 changed files with 23 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
SKILL.md
+19
View File
@@ -41,6 +41,23 @@ HSL isn't "bad" — it's a simple, fast geometric rearrangement of RGB into a cy
- Gamut-aware picking with HSL-like UX → **OKHSL** (Ottosson's perceptual HSL)
- Normalized saturation 0–100% → **HSLuv** (CIELUV-based, no out-of-bounds)
### Named Hue Ranges (HSL/OKLCH)
Use these degree ranges when generating or constraining colors by hue name. Source: [random-display-p3-color](https://github.com/mrmrs/random-display-p3-color) by mrmrs / mrmrs.cc.
| Name | Degrees |
| ---------- | ------------- |
| **red** | 345–360, 0–15 |
| **orange** | 15–45 |
| **yellow** | 45–70 |
| **green** | 70–165 |
| **cyan** | 165–195 |
| **blue** | 195–260 |
| **purple** | 260–310 |
| **pink** | 310–345 |
| **warm** | 0–70 |
| **cool** | 165–310 |
### Key Distinctions
- **Chroma** = colorfulness relative to a same-lightness neutral reference
@@ -184,12 +201,14 @@ Note: coolors.co does not generate palettes — it picks randomly from 7,821 pre
- **RYBitten** — RGB↔RYB with 26 historical color cubes
- **colorgram** — 1 kB image palette extraction; 64-bucket HLS+luminance quantization, ~15 ms for 340×340, fixed memory
- **Art Palette** — JS palette extraction from `ImageData` + Python/TensorFlow perceptual palette embeddings for search-by-color (Google Arts & Culture, Apache 2.0)
- **random-display-p3-color** — generate random Display P3 colors constrained by named hue/saturation/lightness, zero deps, ESM (by mrmrs / mrmrs.cc)
### Key Online Tools
- **oklch.com** — OKLCH picker
- **Huetone** — accessible color system builder (LCH/OKLCH), by Ardov
- **Ardov Color Lab** — gamut mapping playground, P3 space explorer, harmony generator, 3D color space visualizations, themer (lab.ardov.me)
- **Components.ai Color Scale** — parametric scale generator: 6 spaces, 4 curve methods, WCAG contrast (by mrmrs / mrmrs.cc)
- **View Color** — real-time analysis, WCAG + APCA, CVD preview
- **APCA Calculator** — apcacontrast.com
references/INDEX.md
+4 -1
View File
@@ -193,6 +193,7 @@ Curated transcripts, notes, and source material. Organized for the color-expert
| APCA Calculator | https://apcacontrast.com/ | Perceptual contrast algorithm |
| Wide Gamut Test | https://wide-gamut.com | Test display gamut support |
| Spectral.js | https://spectraljs.com | K-M pigment mixing JS/GLSL |
| random-display-p3-color | https://github.com/mrmrs/random-display-p3-color | Generate random Display P3 colors constrained by named hue/saturation/lightness. Defines named hue ranges (red 345–15°, orange 15–45°, etc.). Zero deps, ESM, TypeScript. By mrmrs / mrmrs.cc |
| RampenSau | https://meodai.github.io/rampensau/ | Hue cycling ramp generator |
| Poline | https://meodai.github.io/poline/ | Anchor-based palette gen |
| Color Palette Shader | https://meodai.github.io/color-palette-shader/ | Voronoi palette viz |
@@ -201,7 +202,9 @@ Curated transcripts, notes, and source material. Organized for the color-expert
| View Color | https://view-color.com | Real-time color analysis: every major color space, WCAG 2.1 & APCA contrast, CVD preview, tints/shades, accessible palettes. Built on Color.js |
| img-colors | https://img-colors.com | Image → palette via 7 clustering algorithms (K-Means, DBSCAN, Median-Cut...) + 3D point cloud + mesh gradients |
| OKPalette | https://okpalette.color.pizza | Image → OKLCH palette with muted/saturated + dark/light bias sliders; analysis metrics; SVG/PNG export |
| RandomA11y | https://randoma11y.com | Endless collection of accessible (WCAG-compliant) color combinations |
| RandomA11y | https://randoma11y.com | Endless accessible color pairs (WCAG AA + APCA Lc 60 modes), vote to train preference model. By mrmrs / mrmrs.cc |
| Components.ai Color Scale | https://components.ai/color-scale/ | Parametric color scale generator: 6 color spaces (RGB/HSL/HSV/LAB/LCH/P3), 4 curve methods (linear/B-spline/natural/monotone), scale/shadow-tint/freeform modes, WCAG contrast pairs, CVD preview. By mrmrs / mrmrs.cc |
| Components.ai Color | https://components.ai/color/ | Single-color preview against UI elements: WCAG AA/AAA contrast vs black/white, 8 CVD simulations, opacity scale, blend modes, gradient demos, typography samples. By mrmrs / mrmrs.cc |
| Colorbox | https://colorbox.io | Build helical gradient palettes with easing curves (Lyft/Kevyn Arnott) |
| IQ Palette Explorer | https://iquilezles.org/articles/palettes/ | Inigo Quilez cosine palette formula — interactive demo |
| Dimensions of Color | https://www.huevaluechroma.com | David Briggs color theory |