Heroku
tcp/443 tcp/80
Open service 99.83.220.108:443 · www.thecolorapi.com
2026-01-13 00:33
HTTP/1.1 200 OK
Access-Control-Allow-Origin: *
Content-Length: 4617
Content-Type: text/html; charset=utf-8
Date: Tue, 13 Jan 2026 00:33:45 GMT
Etag: "-1951234002"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=MRqgO9bfY6DUmY5e5LYUVIaNCQl41tKF6mj2lF3cnDA%3D\u0026sid=1b10b0ff-8a76-4548-befa-353fc6c6c045\u0026ts=1768264425"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=MRqgO9bfY6DUmY5e5LYUVIaNCQl41tKF6mj2lF3cnDA%3D&sid=1b10b0ff-8a76-4548-befa-353fc6c6c045&ts=1768264425"
Server: Heroku
Via: 1.1 heroku-router
X-Powered-By: Express
Connection: close
Page title: The Color API
<!DOCTYPE html><html><head><title>The Color API</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/stylesheets/style.css"><link rel="icon" href="/images/favicon.png"><meta name="description" content="The best color conversion, naming and scheming API out there."><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-37125372-13', 'auto');
ga('send', 'pageview');</script></head><body><div id="sunset"></div><div class="pure-g-r container"><div id="lede" class="pure-u-1"><h1 class="title text-center"><a href="/" title="The Color API, Opening doors to better color">The<span>Color</span>API<small>color conversion, naming, scheming & placeholders</small></a></h1><div id="loading" class="loading back"><div class="door"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="door"></div></div><div class="content-div"><div><button id="try-it">Try Me</button><img id="try-show"><hr><h3>Your fast, modern, swiss army knife for color. </h3><p>Pass in any valid color and get conversion into any other format, the name of the color, placeholder images and a multitude of schemes.</p><p>There are only two endpoints you need to worry about, <code>/id</code> and <code>/scheme</code>, and you can <a href="/docs" title="Documentation">read the docs</a> about both. Each endpoint is available in JSON[P], HTML & SVG format. The SVG format can be saved or used as an <code>img[src]</code> attribute for super-easy embedding/sharing! </p><p>Try <a href="/id?hex=24B1E0" title="Cerulean example">Josh's favorite</a>, for example, in <a href="/id?hex=24B1E0" title="Cerulean example">JSON</a>, <a href="/id?hex=24B1E0&format=html" title="Cerulean example">HTML</a> or <a href="/id?hex=24B1E0&format=svg" title="Cerulean example">SVG format</a>.</p><div class="text-center">–––</div><h2>How do I convert/identify a color?</h2><p>All you really need to do is access the <code>/id</code> endpoint, and pass in a color value as a query string. <a href="/docs" title="Documentation">Read the docs</a> for more details, but all these are valid:<ul><li> <code>/id?hex=ffa</code> or <code>/id?hex=00ffa6</code></li><li><code>/id?rgb=rgb(255,0,0)</code> or <code>/id?rgb=20,43,55</code></li><li>Same goes for cmyk, hsl, and hsv formats</li></ul></p><p>Every <code>color</code> object returned by the API <ul><li>Is named (from a matched dataset of over 2000 names+colors)<br><em>e.g. #24B1E0 == Cerulean</em></li><li>Has an image URL for demonstration<br><em>e.g. <a href="/id?hex=24B1E0&format=svg">Cerulean image</a></em></li><li>Is transposed into hex, rgb, cmyk, hsl, hsv and XYZ formats</li><li>Is matched to a best-contrast color for text overlay, etc</li></ul></p><div class="text-center">–––</div><h2>How do I generate color schemes?</h2><p>The parameters are <a href="/docs" title="Documentation">generally the same</a> as those necessary for the <code>/id</code> endpoint (supply a color, like above), but here you can also specify a scheme mode to guide the generation.</p><p>Scheme modes include <code>monochrome</code>, <code>monochrome-dark</code>, <code>monochrome-light</code>, <code>analogic</code>, <code>complement</code>, <code>analogic-complement</code>, <code>triad</code> and <code>quad</code>.</p><p>Every <code>scheme</code> object returned by the API is seeded by the color of your request and can be any length you specify (within limits). It will also include a <code>color</code> object for each constituent color.</p><div class="text-center">–––</div><h2>Anything else?</h2><p>If you find this <a href="https://github.com/andjosh/thecolorapi">open source API</a> useful, please <a href="https://github.com/sponsors/andjosh">support the developer</a>!</p></div></
Open service 99.83.220.108:80 · www.thecolorapi.com
2026-01-13 00:33
HTTP/1.1 200 OK
Access-Control-Allow-Origin: *
Content-Length: 4617
Content-Type: text/html; charset=utf-8
Date: Tue, 13 Jan 2026 00:34:47 GMT
Etag: "-1951234002"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=m7vt5qui7Jl6aHHtB2WaNFOJh7Deu3dyed9Txis4eQw%3D\u0026sid=1b10b0ff-8a76-4548-befa-353fc6c6c045\u0026ts=1768264487"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=m7vt5qui7Jl6aHHtB2WaNFOJh7Deu3dyed9Txis4eQw%3D&sid=1b10b0ff-8a76-4548-befa-353fc6c6c045&ts=1768264487"
Server: Heroku
Via: 1.1 heroku-router
X-Powered-By: Express
Connection: close
Page title: The Color API
<!DOCTYPE html><html><head><title>The Color API</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/stylesheets/style.css"><link rel="icon" href="/images/favicon.png"><meta name="description" content="The best color conversion, naming and scheming API out there."><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-37125372-13', 'auto');
ga('send', 'pageview');</script></head><body><div id="sunset"></div><div class="pure-g-r container"><div id="lede" class="pure-u-1"><h1 class="title text-center"><a href="/" title="The Color API, Opening doors to better color">The<span>Color</span>API<small>color conversion, naming, scheming & placeholders</small></a></h1><div id="loading" class="loading back"><div class="door"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="door"></div></div><div class="content-div"><div><button id="try-it">Try Me</button><img id="try-show"><hr><h3>Your fast, modern, swiss army knife for color. </h3><p>Pass in any valid color and get conversion into any other format, the name of the color, placeholder images and a multitude of schemes.</p><p>There are only two endpoints you need to worry about, <code>/id</code> and <code>/scheme</code>, and you can <a href="/docs" title="Documentation">read the docs</a> about both. Each endpoint is available in JSON[P], HTML & SVG format. The SVG format can be saved or used as an <code>img[src]</code> attribute for super-easy embedding/sharing! </p><p>Try <a href="/id?hex=24B1E0" title="Cerulean example">Josh's favorite</a>, for example, in <a href="/id?hex=24B1E0" title="Cerulean example">JSON</a>, <a href="/id?hex=24B1E0&format=html" title="Cerulean example">HTML</a> or <a href="/id?hex=24B1E0&format=svg" title="Cerulean example">SVG format</a>.</p><div class="text-center">–––</div><h2>How do I convert/identify a color?</h2><p>All you really need to do is access the <code>/id</code> endpoint, and pass in a color value as a query string. <a href="/docs" title="Documentation">Read the docs</a> for more details, but all these are valid:<ul><li> <code>/id?hex=ffa</code> or <code>/id?hex=00ffa6</code></li><li><code>/id?rgb=rgb(255,0,0)</code> or <code>/id?rgb=20,43,55</code></li><li>Same goes for cmyk, hsl, and hsv formats</li></ul></p><p>Every <code>color</code> object returned by the API <ul><li>Is named (from a matched dataset of over 2000 names+colors)<br><em>e.g. #24B1E0 == Cerulean</em></li><li>Has an image URL for demonstration<br><em>e.g. <a href="/id?hex=24B1E0&format=svg">Cerulean image</a></em></li><li>Is transposed into hex, rgb, cmyk, hsl, hsv and XYZ formats</li><li>Is matched to a best-contrast color for text overlay, etc</li></ul></p><div class="text-center">–––</div><h2>How do I generate color schemes?</h2><p>The parameters are <a href="/docs" title="Documentation">generally the same</a> as those necessary for the <code>/id</code> endpoint (supply a color, like above), but here you can also specify a scheme mode to guide the generation.</p><p>Scheme modes include <code>monochrome</code>, <code>monochrome-dark</code>, <code>monochrome-light</code>, <code>analogic</code>, <code>complement</code>, <code>analogic-complement</code>, <code>triad</code> and <code>quad</code>.</p><p>Every <code>scheme</code> object returned by the API is seeded by the color of your request and can be any length you specify (within limits). It will also include a <code>color</code> object for each constituent color.</p><div class="text-center">–––</div><h2>Anything else?</h2><p>If you find this <a href="https://github.com/andjosh/thecolorapi">open source API</a> useful, please <a href="https://github.com/sponsors/andjosh">support the developer</a>!</p></div></
Open service 35.71.179.82:443 · www.thecolorapi.com
2026-01-13 00:33
HTTP/1.1 200 OK
Access-Control-Allow-Origin: *
Content-Length: 4617
Content-Type: text/html; charset=utf-8
Date: Tue, 13 Jan 2026 00:33:45 GMT
Etag: "-1951234002"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=MRqgO9bfY6DUmY5e5LYUVIaNCQl41tKF6mj2lF3cnDA%3D\u0026sid=1b10b0ff-8a76-4548-befa-353fc6c6c045\u0026ts=1768264425"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=MRqgO9bfY6DUmY5e5LYUVIaNCQl41tKF6mj2lF3cnDA%3D&sid=1b10b0ff-8a76-4548-befa-353fc6c6c045&ts=1768264425"
Server: Heroku
Via: 1.1 heroku-router
X-Powered-By: Express
Connection: close
Page title: The Color API
<!DOCTYPE html><html><head><title>The Color API</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/stylesheets/style.css"><link rel="icon" href="/images/favicon.png"><meta name="description" content="The best color conversion, naming and scheming API out there."><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-37125372-13', 'auto');
ga('send', 'pageview');</script></head><body><div id="sunset"></div><div class="pure-g-r container"><div id="lede" class="pure-u-1"><h1 class="title text-center"><a href="/" title="The Color API, Opening doors to better color">The<span>Color</span>API<small>color conversion, naming, scheming & placeholders</small></a></h1><div id="loading" class="loading back"><div class="door"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="door"></div></div><div class="content-div"><div><button id="try-it">Try Me</button><img id="try-show"><hr><h3>Your fast, modern, swiss army knife for color. </h3><p>Pass in any valid color and get conversion into any other format, the name of the color, placeholder images and a multitude of schemes.</p><p>There are only two endpoints you need to worry about, <code>/id</code> and <code>/scheme</code>, and you can <a href="/docs" title="Documentation">read the docs</a> about both. Each endpoint is available in JSON[P], HTML & SVG format. The SVG format can be saved or used as an <code>img[src]</code> attribute for super-easy embedding/sharing! </p><p>Try <a href="/id?hex=24B1E0" title="Cerulean example">Josh's favorite</a>, for example, in <a href="/id?hex=24B1E0" title="Cerulean example">JSON</a>, <a href="/id?hex=24B1E0&format=html" title="Cerulean example">HTML</a> or <a href="/id?hex=24B1E0&format=svg" title="Cerulean example">SVG format</a>.</p><div class="text-center">–––</div><h2>How do I convert/identify a color?</h2><p>All you really need to do is access the <code>/id</code> endpoint, and pass in a color value as a query string. <a href="/docs" title="Documentation">Read the docs</a> for more details, but all these are valid:<ul><li> <code>/id?hex=ffa</code> or <code>/id?hex=00ffa6</code></li><li><code>/id?rgb=rgb(255,0,0)</code> or <code>/id?rgb=20,43,55</code></li><li>Same goes for cmyk, hsl, and hsv formats</li></ul></p><p>Every <code>color</code> object returned by the API <ul><li>Is named (from a matched dataset of over 2000 names+colors)<br><em>e.g. #24B1E0 == Cerulean</em></li><li>Has an image URL for demonstration<br><em>e.g. <a href="/id?hex=24B1E0&format=svg">Cerulean image</a></em></li><li>Is transposed into hex, rgb, cmyk, hsl, hsv and XYZ formats</li><li>Is matched to a best-contrast color for text overlay, etc</li></ul></p><div class="text-center">–––</div><h2>How do I generate color schemes?</h2><p>The parameters are <a href="/docs" title="Documentation">generally the same</a> as those necessary for the <code>/id</code> endpoint (supply a color, like above), but here you can also specify a scheme mode to guide the generation.</p><p>Scheme modes include <code>monochrome</code>, <code>monochrome-dark</code>, <code>monochrome-light</code>, <code>analogic</code>, <code>complement</code>, <code>analogic-complement</code>, <code>triad</code> and <code>quad</code>.</p><p>Every <code>scheme</code> object returned by the API is seeded by the color of your request and can be any length you specify (within limits). It will also include a <code>color</code> object for each constituent color.</p><div class="text-center">–––</div><h2>Anything else?</h2><p>If you find this <a href="https://github.com/andjosh/thecolorapi">open source API</a> useful, please <a href="https://github.com/sponsors/andjosh">support the developer</a>!</p></div></
Open service 75.2.60.68:80 · www.thecolorapi.com
2026-01-13 00:33
HTTP/1.1 200 OK
Access-Control-Allow-Origin: *
Content-Length: 4617
Content-Type: text/html; charset=utf-8
Date: Tue, 13 Jan 2026 00:34:46 GMT
Etag: "-1951234002"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=CBYc7fJRVslGhBi2g4y9Cb5kkFer6SdbbJv4RXCWQlk%3D\u0026sid=1b10b0ff-8a76-4548-befa-353fc6c6c045\u0026ts=1768264486"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=CBYc7fJRVslGhBi2g4y9Cb5kkFer6SdbbJv4RXCWQlk%3D&sid=1b10b0ff-8a76-4548-befa-353fc6c6c045&ts=1768264486"
Server: Heroku
Via: 1.1 heroku-router
X-Powered-By: Express
Connection: close
Page title: The Color API
<!DOCTYPE html><html><head><title>The Color API</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/stylesheets/style.css"><link rel="icon" href="/images/favicon.png"><meta name="description" content="The best color conversion, naming and scheming API out there."><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-37125372-13', 'auto');
ga('send', 'pageview');</script></head><body><div id="sunset"></div><div class="pure-g-r container"><div id="lede" class="pure-u-1"><h1 class="title text-center"><a href="/" title="The Color API, Opening doors to better color">The<span>Color</span>API<small>color conversion, naming, scheming & placeholders</small></a></h1><div id="loading" class="loading back"><div class="door"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="door"></div></div><div class="content-div"><div><button id="try-it">Try Me</button><img id="try-show"><hr><h3>Your fast, modern, swiss army knife for color. </h3><p>Pass in any valid color and get conversion into any other format, the name of the color, placeholder images and a multitude of schemes.</p><p>There are only two endpoints you need to worry about, <code>/id</code> and <code>/scheme</code>, and you can <a href="/docs" title="Documentation">read the docs</a> about both. Each endpoint is available in JSON[P], HTML & SVG format. The SVG format can be saved or used as an <code>img[src]</code> attribute for super-easy embedding/sharing! </p><p>Try <a href="/id?hex=24B1E0" title="Cerulean example">Josh's favorite</a>, for example, in <a href="/id?hex=24B1E0" title="Cerulean example">JSON</a>, <a href="/id?hex=24B1E0&format=html" title="Cerulean example">HTML</a> or <a href="/id?hex=24B1E0&format=svg" title="Cerulean example">SVG format</a>.</p><div class="text-center">–––</div><h2>How do I convert/identify a color?</h2><p>All you really need to do is access the <code>/id</code> endpoint, and pass in a color value as a query string. <a href="/docs" title="Documentation">Read the docs</a> for more details, but all these are valid:<ul><li> <code>/id?hex=ffa</code> or <code>/id?hex=00ffa6</code></li><li><code>/id?rgb=rgb(255,0,0)</code> or <code>/id?rgb=20,43,55</code></li><li>Same goes for cmyk, hsl, and hsv formats</li></ul></p><p>Every <code>color</code> object returned by the API <ul><li>Is named (from a matched dataset of over 2000 names+colors)<br><em>e.g. #24B1E0 == Cerulean</em></li><li>Has an image URL for demonstration<br><em>e.g. <a href="/id?hex=24B1E0&format=svg">Cerulean image</a></em></li><li>Is transposed into hex, rgb, cmyk, hsl, hsv and XYZ formats</li><li>Is matched to a best-contrast color for text overlay, etc</li></ul></p><div class="text-center">–––</div><h2>How do I generate color schemes?</h2><p>The parameters are <a href="/docs" title="Documentation">generally the same</a> as those necessary for the <code>/id</code> endpoint (supply a color, like above), but here you can also specify a scheme mode to guide the generation.</p><p>Scheme modes include <code>monochrome</code>, <code>monochrome-dark</code>, <code>monochrome-light</code>, <code>analogic</code>, <code>complement</code>, <code>analogic-complement</code>, <code>triad</code> and <code>quad</code>.</p><p>Every <code>scheme</code> object returned by the API is seeded by the color of your request and can be any length you specify (within limits). It will also include a <code>color</code> object for each constituent color.</p><div class="text-center">–––</div><h2>Anything else?</h2><p>If you find this <a href="https://github.com/andjosh/thecolorapi">open source API</a> useful, please <a href="https://github.com/sponsors/andjosh">support the developer</a>!</p></div></
Open service 13.248.244.96:80 · www.thecolorapi.com
2026-01-13 00:33
HTTP/1.1 200 OK
Access-Control-Allow-Origin: *
Content-Length: 4617
Content-Type: text/html; charset=utf-8
Date: Tue, 13 Jan 2026 00:34:47 GMT
Etag: "-1951234002"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=m7vt5qui7Jl6aHHtB2WaNFOJh7Deu3dyed9Txis4eQw%3D\u0026sid=1b10b0ff-8a76-4548-befa-353fc6c6c045\u0026ts=1768264487"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=m7vt5qui7Jl6aHHtB2WaNFOJh7Deu3dyed9Txis4eQw%3D&sid=1b10b0ff-8a76-4548-befa-353fc6c6c045&ts=1768264487"
Server: Heroku
Via: 1.1 heroku-router
X-Powered-By: Express
Connection: close
Page title: The Color API
<!DOCTYPE html><html><head><title>The Color API</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/stylesheets/style.css"><link rel="icon" href="/images/favicon.png"><meta name="description" content="The best color conversion, naming and scheming API out there."><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-37125372-13', 'auto');
ga('send', 'pageview');</script></head><body><div id="sunset"></div><div class="pure-g-r container"><div id="lede" class="pure-u-1"><h1 class="title text-center"><a href="/" title="The Color API, Opening doors to better color">The<span>Color</span>API<small>color conversion, naming, scheming & placeholders</small></a></h1><div id="loading" class="loading back"><div class="door"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="door"></div></div><div class="content-div"><div><button id="try-it">Try Me</button><img id="try-show"><hr><h3>Your fast, modern, swiss army knife for color. </h3><p>Pass in any valid color and get conversion into any other format, the name of the color, placeholder images and a multitude of schemes.</p><p>There are only two endpoints you need to worry about, <code>/id</code> and <code>/scheme</code>, and you can <a href="/docs" title="Documentation">read the docs</a> about both. Each endpoint is available in JSON[P], HTML & SVG format. The SVG format can be saved or used as an <code>img[src]</code> attribute for super-easy embedding/sharing! </p><p>Try <a href="/id?hex=24B1E0" title="Cerulean example">Josh's favorite</a>, for example, in <a href="/id?hex=24B1E0" title="Cerulean example">JSON</a>, <a href="/id?hex=24B1E0&format=html" title="Cerulean example">HTML</a> or <a href="/id?hex=24B1E0&format=svg" title="Cerulean example">SVG format</a>.</p><div class="text-center">–––</div><h2>How do I convert/identify a color?</h2><p>All you really need to do is access the <code>/id</code> endpoint, and pass in a color value as a query string. <a href="/docs" title="Documentation">Read the docs</a> for more details, but all these are valid:<ul><li> <code>/id?hex=ffa</code> or <code>/id?hex=00ffa6</code></li><li><code>/id?rgb=rgb(255,0,0)</code> or <code>/id?rgb=20,43,55</code></li><li>Same goes for cmyk, hsl, and hsv formats</li></ul></p><p>Every <code>color</code> object returned by the API <ul><li>Is named (from a matched dataset of over 2000 names+colors)<br><em>e.g. #24B1E0 == Cerulean</em></li><li>Has an image URL for demonstration<br><em>e.g. <a href="/id?hex=24B1E0&format=svg">Cerulean image</a></em></li><li>Is transposed into hex, rgb, cmyk, hsl, hsv and XYZ formats</li><li>Is matched to a best-contrast color for text overlay, etc</li></ul></p><div class="text-center">–––</div><h2>How do I generate color schemes?</h2><p>The parameters are <a href="/docs" title="Documentation">generally the same</a> as those necessary for the <code>/id</code> endpoint (supply a color, like above), but here you can also specify a scheme mode to guide the generation.</p><p>Scheme modes include <code>monochrome</code>, <code>monochrome-dark</code>, <code>monochrome-light</code>, <code>analogic</code>, <code>complement</code>, <code>analogic-complement</code>, <code>triad</code> and <code>quad</code>.</p><p>Every <code>scheme</code> object returned by the API is seeded by the color of your request and can be any length you specify (within limits). It will also include a <code>color</code> object for each constituent color.</p><div class="text-center">–––</div><h2>Anything else?</h2><p>If you find this <a href="https://github.com/andjosh/thecolorapi">open source API</a> useful, please <a href="https://github.com/sponsors/andjosh">support the developer</a>!</p></div></
Open service 13.248.244.96:443 · www.thecolorapi.com
2026-01-13 00:33
HTTP/1.1 200 OK
Access-Control-Allow-Origin: *
Content-Length: 4617
Content-Type: text/html; charset=utf-8
Date: Tue, 13 Jan 2026 00:33:45 GMT
Etag: "-1951234002"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=MRqgO9bfY6DUmY5e5LYUVIaNCQl41tKF6mj2lF3cnDA%3D\u0026sid=1b10b0ff-8a76-4548-befa-353fc6c6c045\u0026ts=1768264425"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=MRqgO9bfY6DUmY5e5LYUVIaNCQl41tKF6mj2lF3cnDA%3D&sid=1b10b0ff-8a76-4548-befa-353fc6c6c045&ts=1768264425"
Server: Heroku
Via: 1.1 heroku-router
X-Powered-By: Express
Connection: close
Page title: The Color API
<!DOCTYPE html><html><head><title>The Color API</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/stylesheets/style.css"><link rel="icon" href="/images/favicon.png"><meta name="description" content="The best color conversion, naming and scheming API out there."><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-37125372-13', 'auto');
ga('send', 'pageview');</script></head><body><div id="sunset"></div><div class="pure-g-r container"><div id="lede" class="pure-u-1"><h1 class="title text-center"><a href="/" title="The Color API, Opening doors to better color">The<span>Color</span>API<small>color conversion, naming, scheming & placeholders</small></a></h1><div id="loading" class="loading back"><div class="door"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="door"></div></div><div class="content-div"><div><button id="try-it">Try Me</button><img id="try-show"><hr><h3>Your fast, modern, swiss army knife for color. </h3><p>Pass in any valid color and get conversion into any other format, the name of the color, placeholder images and a multitude of schemes.</p><p>There are only two endpoints you need to worry about, <code>/id</code> and <code>/scheme</code>, and you can <a href="/docs" title="Documentation">read the docs</a> about both. Each endpoint is available in JSON[P], HTML & SVG format. The SVG format can be saved or used as an <code>img[src]</code> attribute for super-easy embedding/sharing! </p><p>Try <a href="/id?hex=24B1E0" title="Cerulean example">Josh's favorite</a>, for example, in <a href="/id?hex=24B1E0" title="Cerulean example">JSON</a>, <a href="/id?hex=24B1E0&format=html" title="Cerulean example">HTML</a> or <a href="/id?hex=24B1E0&format=svg" title="Cerulean example">SVG format</a>.</p><div class="text-center">–––</div><h2>How do I convert/identify a color?</h2><p>All you really need to do is access the <code>/id</code> endpoint, and pass in a color value as a query string. <a href="/docs" title="Documentation">Read the docs</a> for more details, but all these are valid:<ul><li> <code>/id?hex=ffa</code> or <code>/id?hex=00ffa6</code></li><li><code>/id?rgb=rgb(255,0,0)</code> or <code>/id?rgb=20,43,55</code></li><li>Same goes for cmyk, hsl, and hsv formats</li></ul></p><p>Every <code>color</code> object returned by the API <ul><li>Is named (from a matched dataset of over 2000 names+colors)<br><em>e.g. #24B1E0 == Cerulean</em></li><li>Has an image URL for demonstration<br><em>e.g. <a href="/id?hex=24B1E0&format=svg">Cerulean image</a></em></li><li>Is transposed into hex, rgb, cmyk, hsl, hsv and XYZ formats</li><li>Is matched to a best-contrast color for text overlay, etc</li></ul></p><div class="text-center">–––</div><h2>How do I generate color schemes?</h2><p>The parameters are <a href="/docs" title="Documentation">generally the same</a> as those necessary for the <code>/id</code> endpoint (supply a color, like above), but here you can also specify a scheme mode to guide the generation.</p><p>Scheme modes include <code>monochrome</code>, <code>monochrome-dark</code>, <code>monochrome-light</code>, <code>analogic</code>, <code>complement</code>, <code>analogic-complement</code>, <code>triad</code> and <code>quad</code>.</p><p>Every <code>scheme</code> object returned by the API is seeded by the color of your request and can be any length you specify (within limits). It will also include a <code>color</code> object for each constituent color.</p><div class="text-center">–––</div><h2>Anything else?</h2><p>If you find this <a href="https://github.com/andjosh/thecolorapi">open source API</a> useful, please <a href="https://github.com/sponsors/andjosh">support the developer</a>!</p></div></
Open service 75.2.60.68:443 · www.thecolorapi.com
2026-01-13 00:33
HTTP/1.1 200 OK
Access-Control-Allow-Origin: *
Content-Length: 4617
Content-Type: text/html; charset=utf-8
Date: Tue, 13 Jan 2026 00:33:45 GMT
Etag: "-1951234002"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=MRqgO9bfY6DUmY5e5LYUVIaNCQl41tKF6mj2lF3cnDA%3D\u0026sid=1b10b0ff-8a76-4548-befa-353fc6c6c045\u0026ts=1768264425"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=MRqgO9bfY6DUmY5e5LYUVIaNCQl41tKF6mj2lF3cnDA%3D&sid=1b10b0ff-8a76-4548-befa-353fc6c6c045&ts=1768264425"
Server: Heroku
Via: 1.1 heroku-router
X-Powered-By: Express
Connection: close
Page title: The Color API
<!DOCTYPE html><html><head><title>The Color API</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/stylesheets/style.css"><link rel="icon" href="/images/favicon.png"><meta name="description" content="The best color conversion, naming and scheming API out there."><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-37125372-13', 'auto');
ga('send', 'pageview');</script></head><body><div id="sunset"></div><div class="pure-g-r container"><div id="lede" class="pure-u-1"><h1 class="title text-center"><a href="/" title="The Color API, Opening doors to better color">The<span>Color</span>API<small>color conversion, naming, scheming & placeholders</small></a></h1><div id="loading" class="loading back"><div class="door"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="door"></div></div><div class="content-div"><div><button id="try-it">Try Me</button><img id="try-show"><hr><h3>Your fast, modern, swiss army knife for color. </h3><p>Pass in any valid color and get conversion into any other format, the name of the color, placeholder images and a multitude of schemes.</p><p>There are only two endpoints you need to worry about, <code>/id</code> and <code>/scheme</code>, and you can <a href="/docs" title="Documentation">read the docs</a> about both. Each endpoint is available in JSON[P], HTML & SVG format. The SVG format can be saved or used as an <code>img[src]</code> attribute for super-easy embedding/sharing! </p><p>Try <a href="/id?hex=24B1E0" title="Cerulean example">Josh's favorite</a>, for example, in <a href="/id?hex=24B1E0" title="Cerulean example">JSON</a>, <a href="/id?hex=24B1E0&format=html" title="Cerulean example">HTML</a> or <a href="/id?hex=24B1E0&format=svg" title="Cerulean example">SVG format</a>.</p><div class="text-center">–––</div><h2>How do I convert/identify a color?</h2><p>All you really need to do is access the <code>/id</code> endpoint, and pass in a color value as a query string. <a href="/docs" title="Documentation">Read the docs</a> for more details, but all these are valid:<ul><li> <code>/id?hex=ffa</code> or <code>/id?hex=00ffa6</code></li><li><code>/id?rgb=rgb(255,0,0)</code> or <code>/id?rgb=20,43,55</code></li><li>Same goes for cmyk, hsl, and hsv formats</li></ul></p><p>Every <code>color</code> object returned by the API <ul><li>Is named (from a matched dataset of over 2000 names+colors)<br><em>e.g. #24B1E0 == Cerulean</em></li><li>Has an image URL for demonstration<br><em>e.g. <a href="/id?hex=24B1E0&format=svg">Cerulean image</a></em></li><li>Is transposed into hex, rgb, cmyk, hsl, hsv and XYZ formats</li><li>Is matched to a best-contrast color for text overlay, etc</li></ul></p><div class="text-center">–––</div><h2>How do I generate color schemes?</h2><p>The parameters are <a href="/docs" title="Documentation">generally the same</a> as those necessary for the <code>/id</code> endpoint (supply a color, like above), but here you can also specify a scheme mode to guide the generation.</p><p>Scheme modes include <code>monochrome</code>, <code>monochrome-dark</code>, <code>monochrome-light</code>, <code>analogic</code>, <code>complement</code>, <code>analogic-complement</code>, <code>triad</code> and <code>quad</code>.</p><p>Every <code>scheme</code> object returned by the API is seeded by the color of your request and can be any length you specify (within limits). It will also include a <code>color</code> object for each constituent color.</p><div class="text-center">–––</div><h2>Anything else?</h2><p>If you find this <a href="https://github.com/andjosh/thecolorapi">open source API</a> useful, please <a href="https://github.com/sponsors/andjosh">support the developer</a>!</p></div></
Open service 35.71.179.82:80 · www.thecolorapi.com
2026-01-13 00:33
HTTP/1.1 200 OK
Access-Control-Allow-Origin: *
Content-Length: 4617
Content-Type: text/html; charset=utf-8
Date: Tue, 13 Jan 2026 00:34:46 GMT
Etag: "-1951234002"
Nel: {"report_to":"heroku-nel","response_headers":["Via"],"max_age":3600,"success_fraction":0.01,"failure_fraction":0.1}
Report-To: {"group":"heroku-nel","endpoints":[{"url":"https://nel.heroku.com/reports?s=CBYc7fJRVslGhBi2g4y9Cb5kkFer6SdbbJv4RXCWQlk%3D\u0026sid=1b10b0ff-8a76-4548-befa-353fc6c6c045\u0026ts=1768264486"}],"max_age":3600}
Reporting-Endpoints: heroku-nel="https://nel.heroku.com/reports?s=CBYc7fJRVslGhBi2g4y9Cb5kkFer6SdbbJv4RXCWQlk%3D&sid=1b10b0ff-8a76-4548-befa-353fc6c6c045&ts=1768264486"
Server: Heroku
Via: 1.1 heroku-router
X-Powered-By: Express
Connection: close
Page title: The Color API
<!DOCTYPE html><html><head><title>The Color API</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/stylesheets/style.css"><link rel="icon" href="/images/favicon.png"><meta name="description" content="The best color conversion, naming and scheming API out there."><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-37125372-13', 'auto');
ga('send', 'pageview');</script></head><body><div id="sunset"></div><div class="pure-g-r container"><div id="lede" class="pure-u-1"><h1 class="title text-center"><a href="/" title="The Color API, Opening doors to better color">The<span>Color</span>API<small>color conversion, naming, scheming & placeholders</small></a></h1><div id="loading" class="loading back"><div class="door"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="door"></div></div><div class="content-div"><div><button id="try-it">Try Me</button><img id="try-show"><hr><h3>Your fast, modern, swiss army knife for color. </h3><p>Pass in any valid color and get conversion into any other format, the name of the color, placeholder images and a multitude of schemes.</p><p>There are only two endpoints you need to worry about, <code>/id</code> and <code>/scheme</code>, and you can <a href="/docs" title="Documentation">read the docs</a> about both. Each endpoint is available in JSON[P], HTML & SVG format. The SVG format can be saved or used as an <code>img[src]</code> attribute for super-easy embedding/sharing! </p><p>Try <a href="/id?hex=24B1E0" title="Cerulean example">Josh's favorite</a>, for example, in <a href="/id?hex=24B1E0" title="Cerulean example">JSON</a>, <a href="/id?hex=24B1E0&format=html" title="Cerulean example">HTML</a> or <a href="/id?hex=24B1E0&format=svg" title="Cerulean example">SVG format</a>.</p><div class="text-center">–––</div><h2>How do I convert/identify a color?</h2><p>All you really need to do is access the <code>/id</code> endpoint, and pass in a color value as a query string. <a href="/docs" title="Documentation">Read the docs</a> for more details, but all these are valid:<ul><li> <code>/id?hex=ffa</code> or <code>/id?hex=00ffa6</code></li><li><code>/id?rgb=rgb(255,0,0)</code> or <code>/id?rgb=20,43,55</code></li><li>Same goes for cmyk, hsl, and hsv formats</li></ul></p><p>Every <code>color</code> object returned by the API <ul><li>Is named (from a matched dataset of over 2000 names+colors)<br><em>e.g. #24B1E0 == Cerulean</em></li><li>Has an image URL for demonstration<br><em>e.g. <a href="/id?hex=24B1E0&format=svg">Cerulean image</a></em></li><li>Is transposed into hex, rgb, cmyk, hsl, hsv and XYZ formats</li><li>Is matched to a best-contrast color for text overlay, etc</li></ul></p><div class="text-center">–––</div><h2>How do I generate color schemes?</h2><p>The parameters are <a href="/docs" title="Documentation">generally the same</a> as those necessary for the <code>/id</code> endpoint (supply a color, like above), but here you can also specify a scheme mode to guide the generation.</p><p>Scheme modes include <code>monochrome</code>, <code>monochrome-dark</code>, <code>monochrome-light</code>, <code>analogic</code>, <code>complement</code>, <code>analogic-complement</code>, <code>triad</code> and <code>quad</code>.</p><p>Every <code>scheme</code> object returned by the API is seeded by the color of your request and can be any length you specify (within limits). It will also include a <code>color</code> object for each constituent color.</p><div class="text-center">–––</div><h2>Anything else?</h2><p>If you find this <a href="https://github.com/andjosh/thecolorapi">open source API</a> useful, please <a href="https://github.com/sponsors/andjosh">support the developer</a>!</p></div></