https://pigmentsapp.com/

1<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="Pigments helps you create, edit and export beautiful color palettes right from your phone/browser."><meta name="keywords" content="pigments, pigments app, color scheme, palette, colour scheme, generator"><meta name="author" content="Sorin Covor"><title>Pigments</title><link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png"><link rel="manifest" href="favicons/site.webmanifest"><meta name="theme-color" content="#ffffff"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&family=Roboto+Mono&display=swap" rel="stylesheet">

1<script defer="defer" src="https://media.ethicalads.io/media/client/ethicalads.min.js"></script>

1<script async src="https://www.googletagmanager.com/gtag/js?id=

1G-RC7F1T74KP

1"></script>

1<script>window.dataLayer = window.dataLayer || []
2
3        function gtag() {
4            dataLayer.push(arguments)
5        }
6
7        gtag('js', new Date())
8
9        gtag('config', 'G-RC7F1T74KP')</script>

9<script defer="defer" src="js/chunk-vendors.d2c43158.js"></script>

9<script defer="defer" src="js/app.1afe9bc1.js"></script>

9<link href="css/app.c99f525d.css" rel="stylesheet"></head><body><noscript><strong>Pigments helps you create/generate, edit and export beautiful color palettes.</strong></noscript><div id="app"></div><div id="toast"></div>

9<script>const isHexColor = (value) => /(^[0-9a-f]{6}$)|(^[0-9a-f]{3}$)/i.test(value)
10
11        const allowedRoutes = [
12            '/',
13            '/generator',
14            '/import',
15            '/pixel-patterns'
16        ]
17
18        if (!allowedRoutes.includes(window.location.pathname)) {
19            if (window.location.pathname == '/generator/') {
20                const url = new URL(window.location)
21                const colorsParam = url.searchParams.get('colors')
22
23                if (colorsParam && colorsParam.length) {
24                    const colors = colorsParam
25                        .split('-')
26                        .filter(color => isHexColor(color))
27                        .map(color => color.toUpperCase())
28
29                    if (colors.length) {
30                        window.location.search = `?colors=${colors.join('-')}`
31                        window.location.pathname = '/generator'
32                    }
33                }
34            }
35
36            window.location.href = window.location.origin
37        }</script>

37</body></html>