From 90e675cfad4293fc386429b1acc73f1d1c659690 Mon Sep 17 00:00:00 2001 From: Lars van Vianen Date: Thu, 4 Jan 2024 14:52:36 +0100 Subject: [PATCH] Hue SCSS Templates --- src/jinja/hue.gl-hcl-map.scss.jinja | 41 +++ src/jinja/hue.gl-hcl-var.scss.jinja | 34 +++ src/jinja/hue.gl-hex-map.scss.jinja | 41 +++ src/jinja/hue.gl-hex-var.scss.jinja | 34 +++ src/jinja/hue.gl-rgb-map.scss.jinja | 41 +++ src/jinja/hue.gl-rgb-var.scss.jinja | 34 +++ src/scss/hue/_hue.gl-hcl-map.scss | 378 ++++++++++++++++++++++++++++ src/scss/hue/_hue.gl-hcl-var.scss | 350 ++++++++++++++++++++++++++ src/scss/hue/_hue.gl-hex-map.scss | 378 ++++++++++++++++++++++++++++ src/scss/hue/_hue.gl-hex-var.scss | 350 ++++++++++++++++++++++++++ src/scss/hue/_hue.gl-rgb-map.scss | 378 ++++++++++++++++++++++++++++ src/scss/hue/_hue.gl-rgb-var.scss | 350 ++++++++++++++++++++++++++ 12 files changed, 2409 insertions(+) create mode 100644 src/jinja/hue.gl-hcl-map.scss.jinja create mode 100644 src/jinja/hue.gl-hcl-var.scss.jinja create mode 100644 src/jinja/hue.gl-hex-map.scss.jinja create mode 100644 src/jinja/hue.gl-hex-var.scss.jinja create mode 100644 src/jinja/hue.gl-rgb-map.scss.jinja create mode 100644 src/jinja/hue.gl-rgb-var.scss.jinja create mode 100644 src/scss/hue/_hue.gl-hcl-map.scss create mode 100644 src/scss/hue/_hue.gl-hcl-var.scss create mode 100644 src/scss/hue/_hue.gl-hex-map.scss create mode 100644 src/scss/hue/_hue.gl-hex-var.scss create mode 100644 src/scss/hue/_hue.gl-rgb-map.scss create mode 100644 src/scss/hue/_hue.gl-rgb-var.scss diff --git a/src/jinja/hue.gl-hcl-map.scss.jinja b/src/jinja/hue.gl-hcl-map.scss.jinja new file mode 100644 index 0000000..af50a16 --- /dev/null +++ b/src/jinja/hue.gl-hcl-map.scss.jinja @@ -0,0 +1,41 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// {{ name }} +// {{ version }} +// +// ============================================================================ + + +// General +// ============================================================================ + +$hue: ( +{% for group_name, group in colors %} + + + // {{ group_name }} + // ------------------------------------------------------------------------ + +{% for color_name, color in group %} + {{ color_name }}: hcl({{ color.hcl().h }}, {{ color.hcl().c }}, {{ color.hcl().l }}), +{% endfor -%} + + + +{% endfor %} + +) \ No newline at end of file diff --git a/src/jinja/hue.gl-hcl-var.scss.jinja b/src/jinja/hue.gl-hcl-var.scss.jinja new file mode 100644 index 0000000..5cf1e79 --- /dev/null +++ b/src/jinja/hue.gl-hcl-var.scss.jinja @@ -0,0 +1,34 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// {{ name }} +// {{ version }} +// +// ============================================================================ + + +// General +// ============================================================================ + +{% for group_name, group in colors -%} +// {{ group_name }} +// ---------------------------------------------------------------------------- + +{% for color_name, color in group -%} +${{ color_name }}: {{ color.srgb().toString({precision: 4, format: "rgb"}) }}; +{% endfor %} + +{% endfor %} \ No newline at end of file diff --git a/src/jinja/hue.gl-hex-map.scss.jinja b/src/jinja/hue.gl-hex-map.scss.jinja new file mode 100644 index 0000000..784ea71 --- /dev/null +++ b/src/jinja/hue.gl-hex-map.scss.jinja @@ -0,0 +1,41 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// {{ name }} +// {{ version }} +// +// ============================================================================ + + +// General +// ============================================================================ + +$hue: ( +{% for group_name, group in colors %} + + + // {{ group_name }} + // ------------------------------------------------------------------------ + +{% for color_name, color in group %} + {{ color_name }}: {{ color.hex() }}, +{% endfor -%} + + + +{% endfor %} + +) \ No newline at end of file diff --git a/src/jinja/hue.gl-hex-var.scss.jinja b/src/jinja/hue.gl-hex-var.scss.jinja new file mode 100644 index 0000000..6c33f1b --- /dev/null +++ b/src/jinja/hue.gl-hex-var.scss.jinja @@ -0,0 +1,34 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// {{ name }} +// {{ version }} +// +// ============================================================================ + + +// General +// ============================================================================ + +{% for group_name, group in colors -%} +// {{ group_name }} +// ---------------------------------------------------------------------------- + +{% for color_name, color in group -%} +${{ color_name }}: {{ color.hex() }}; +{% endfor %} + +{% endfor %} \ No newline at end of file diff --git a/src/jinja/hue.gl-rgb-map.scss.jinja b/src/jinja/hue.gl-rgb-map.scss.jinja new file mode 100644 index 0000000..bac3b59 --- /dev/null +++ b/src/jinja/hue.gl-rgb-map.scss.jinja @@ -0,0 +1,41 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// {{ name }} +// {{ version }} +// +// ============================================================================ + + +// General +// ============================================================================ + +$hue: ( +{% for group_name, group in colors %} + + + // {{ group_name }} + // ------------------------------------------------------------------------ + +{% for color_name, color in group %} + {{ color_name }}: {{ color.srgb().toString({precision: 4, format: "rgb"}) }}, +{% endfor -%} + + + +{% endfor %} + +) \ No newline at end of file diff --git a/src/jinja/hue.gl-rgb-var.scss.jinja b/src/jinja/hue.gl-rgb-var.scss.jinja new file mode 100644 index 0000000..5cf1e79 --- /dev/null +++ b/src/jinja/hue.gl-rgb-var.scss.jinja @@ -0,0 +1,34 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// {{ name }} +// {{ version }} +// +// ============================================================================ + + +// General +// ============================================================================ + +{% for group_name, group in colors -%} +// {{ group_name }} +// ---------------------------------------------------------------------------- + +{% for color_name, color in group -%} +${{ color_name }}: {{ color.srgb().toString({precision: 4, format: "rgb"}) }}; +{% endfor %} + +{% endfor %} \ No newline at end of file diff --git a/src/scss/hue/_hue.gl-hcl-map.scss b/src/scss/hue/_hue.gl-hcl-map.scss new file mode 100644 index 0000000..6ec1dd0 --- /dev/null +++ b/src/scss/hue/_hue.gl-hcl-map.scss @@ -0,0 +1,378 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// hue.gl +// 0.0.8 +// +// ============================================================================ + + +// General +// ============================================================================ + +$hue: ( + + + // Grey + // ------------------------------------------------------------------------ + + N0001: hcl(0, 0, 90), + N0002: hcl(0, 0, 82), + N0003: hcl(0, 0, 74), + N0004: hcl(0, 0, 66), + N0005: hcl(0, 0, 58), + N0006: hcl(0, 0, 50), + N0007: hcl(0, 0, 42), + N0008: hcl(0, 0, 34), + N0009: hcl(0, 0, 26), + + + // Salmon + // ------------------------------------------------------------------------ + + N0151: hcl(15, 12, 90), + N0152: hcl(15, 18, 82), + N0153: hcl(15, 24, 74), + N0154: hcl(15, 30, 66), + N0155: hcl(15, 36, 58), + N0156: hcl(15, 30, 50), + N0157: hcl(15, 24, 42), + N0158: hcl(15, 18, 34), + N0159: hcl(15, 12, 26), + + + // Orange + // ------------------------------------------------------------------------ + + N0301: hcl(30, 12, 90), + N0302: hcl(30, 18, 82), + N0303: hcl(30, 24, 74), + N0304: hcl(30, 30, 66), + N0305: hcl(30, 36, 58), + N0306: hcl(30, 30, 50), + N0307: hcl(30, 24, 42), + N0308: hcl(30, 18, 34), + N0309: hcl(30, 12, 26), + + + // Amber + // ------------------------------------------------------------------------ + + N0451: hcl(45, 12, 90), + N0452: hcl(45, 18, 82), + N0453: hcl(45, 24, 74), + N0454: hcl(45, 30, 66), + N0455: hcl(45, 36, 58), + N0456: hcl(45, 30, 50), + N0457: hcl(45, 24, 42), + N0458: hcl(45, 18, 34), + N0459: hcl(45, 12, 26), + + + // Yellow + // ------------------------------------------------------------------------ + + N0601: hcl(60, 12, 90), + N0602: hcl(60, 18, 82), + N0603: hcl(60, 24, 74), + N0604: hcl(60, 30, 66), + N0605: hcl(60, 36, 58), + N0606: hcl(60, 30, 50), + N0607: hcl(60, 24, 42), + N0608: hcl(60, 18, 34), + N0609: hcl(60, 12, 26), + + + // Lime + // ------------------------------------------------------------------------ + + N0751: hcl(75, 12, 90), + N0752: hcl(75, 18, 82), + N0753: hcl(75, 24, 74), + N0754: hcl(75, 30, 66), + N0755: hcl(75, 36, 58), + N0756: hcl(75, 30, 50), + N0757: hcl(75, 24, 42), + N0758: hcl(75, 18, 34), + N0759: hcl(75, 12, 26), + + + // Ecru + // ------------------------------------------------------------------------ + + N0901: hcl(90, 12, 90), + N0902: hcl(90, 18, 82), + N0903: hcl(90, 24, 74), + N0904: hcl(90, 30, 66), + N0905: hcl(90, 36, 58), + N0906: hcl(90, 30, 50), + N0907: hcl(90, 24, 42), + N0908: hcl(90, 18, 34), + N0909: hcl(90, 12, 26), + + + // Olive + // ------------------------------------------------------------------------ + + N1051: hcl(105, 12, 90), + N1052: hcl(105, 18, 82), + N1053: hcl(105, 24, 74), + N1054: hcl(105, 30, 66), + N1055: hcl(105, 36, 58), + N1056: hcl(105, 30, 50), + N1057: hcl(105, 24, 42), + N1058: hcl(105, 18, 34), + N1059: hcl(105, 12, 26), + + + // Green + // ------------------------------------------------------------------------ + + N1201: hcl(120, 12, 90), + N1202: hcl(120, 18, 82), + N1203: hcl(120, 24, 74), + N1204: hcl(120, 30, 66), + N1205: hcl(120, 36, 58), + N1206: hcl(120, 30, 50), + N1207: hcl(120, 24, 42), + N1208: hcl(120, 18, 34), + N1209: hcl(120, 12, 26), + + + // Forest + // ------------------------------------------------------------------------ + + N1351: hcl(135, 12, 90), + N1352: hcl(135, 18, 82), + N1353: hcl(135, 24, 74), + N1354: hcl(135, 30, 66), + N1355: hcl(135, 36, 58), + N1356: hcl(135, 30, 50), + N1357: hcl(135, 24, 42), + N1358: hcl(135, 18, 34), + N1359: hcl(135, 12, 26), + + + // Jade + // ------------------------------------------------------------------------ + + N1501: hcl(150, 12, 90), + N1502: hcl(150, 18, 82), + N1503: hcl(150, 24, 74), + N1504: hcl(150, 30, 66), + N1505: hcl(150, 36, 58), + N1506: hcl(150, 30, 50), + N1507: hcl(150, 24, 42), + N1508: hcl(150, 18, 34), + N1509: hcl(150, 12, 26), + + + // Mint + // ------------------------------------------------------------------------ + + N1651: hcl(165, 12, 90), + N1652: hcl(165, 18, 82), + N1653: hcl(165, 24, 74), + N1654: hcl(165, 30, 66), + N1655: hcl(165, 36, 58), + N1656: hcl(165, 30, 50), + N1657: hcl(165, 24, 42), + N1658: hcl(165, 18, 34), + N1659: hcl(165, 12, 26), + + + // Cyan + // ------------------------------------------------------------------------ + + N1801: hcl(180, 12, 90), + N1802: hcl(180, 18, 82), + N1803: hcl(180, 24, 74), + N1804: hcl(180, 30, 66), + N1805: hcl(180, 36, 58), + N1806: hcl(180, 30, 50), + N1807: hcl(180, 24, 42), + N1808: hcl(180, 18, 34), + N1809: hcl(180, 12, 26), + + + // Teal + // ------------------------------------------------------------------------ + + N1951: hcl(195, 12, 90), + N1952: hcl(195, 18, 82), + N1953: hcl(195, 24, 74), + N1954: hcl(195, 30, 66), + N1955: hcl(195, 36, 58), + N1956: hcl(195, 30, 50), + N1957: hcl(195, 24, 42), + N1958: hcl(195, 18, 34), + N1959: hcl(195, 12, 26), + + + // Capri + // ------------------------------------------------------------------------ + + N2101: hcl(210, 12, 90), + N2102: hcl(210, 18, 82), + N2103: hcl(210, 24, 74), + N2104: hcl(210, 30, 66), + N2105: hcl(210, 36, 58), + N2106: hcl(210, 30, 50), + N2107: hcl(210, 24, 42), + N2108: hcl(210, 18, 34), + N2109: hcl(210, 12, 26), + + + // Sky + // ------------------------------------------------------------------------ + + N2251: hcl(225, 12, 90), + N2252: hcl(225, 18, 82), + N2253: hcl(225, 24, 74), + N2254: hcl(225, 30, 66), + N2255: hcl(225, 36, 58), + N2256: hcl(225, 30, 50), + N2257: hcl(225, 24, 42), + N2258: hcl(225, 18, 34), + N2259: hcl(225, 12, 26), + + + // Blue + // ------------------------------------------------------------------------ + + N2401: hcl(240, 12, 90), + N2402: hcl(240, 18, 82), + N2403: hcl(240, 24, 74), + N2404: hcl(240, 30, 66), + N2405: hcl(240, 36, 58), + N2406: hcl(240, 30, 50), + N2407: hcl(240, 24, 42), + N2408: hcl(240, 18, 34), + N2409: hcl(240, 12, 26), + + + // Azure + // ------------------------------------------------------------------------ + + N2551: hcl(255, 12, 90), + N2552: hcl(255, 18, 82), + N2553: hcl(255, 24, 74), + N2554: hcl(255, 30, 66), + N2555: hcl(255, 36, 58), + N2556: hcl(255, 30, 50), + N2557: hcl(255, 24, 42), + N2558: hcl(255, 18, 34), + N2559: hcl(255, 12, 26), + + + // Indigo + // ------------------------------------------------------------------------ + + N2701: hcl(270, 12, 90), + N2702: hcl(270, 18, 82), + N2703: hcl(270, 24, 74), + N2704: hcl(270, 30, 66), + N2705: hcl(270, 36, 58), + N2706: hcl(270, 30, 50), + N2707: hcl(270, 24, 42), + N2708: hcl(270, 18, 34), + N2709: hcl(270, 12, 26), + + + // Violet + // ------------------------------------------------------------------------ + + N2851: hcl(285, 12, 90), + N2852: hcl(285, 18, 82), + N2853: hcl(285, 24, 74), + N2854: hcl(285, 30, 66), + N2855: hcl(285, 36, 58), + N2856: hcl(285, 30, 50), + N2857: hcl(285, 24, 42), + N2858: hcl(285, 18, 34), + N2859: hcl(285, 12, 26), + + + // Magenta + // ------------------------------------------------------------------------ + + N3001: hcl(300, 12, 90), + N3002: hcl(300, 18, 82), + N3003: hcl(300, 24, 74), + N3004: hcl(300, 30, 66), + N3005: hcl(300, 36, 58), + N3006: hcl(300, 30, 50), + N3007: hcl(300, 24, 42), + N3008: hcl(300, 18, 34), + N3009: hcl(300, 12, 26), + + + // Purple + // ------------------------------------------------------------------------ + + N3151: hcl(315, 12, 90), + N3152: hcl(315, 18, 82), + N3153: hcl(315, 24, 74), + N3154: hcl(315, 30, 66), + N3155: hcl(315, 36, 58), + N3156: hcl(315, 30, 50), + N3157: hcl(315, 24, 42), + N3158: hcl(315, 18, 34), + N3159: hcl(315, 12, 26), + + + // Rose + // ------------------------------------------------------------------------ + + N3301: hcl(330, 12, 90), + N3302: hcl(330, 18, 82), + N3303: hcl(330, 24, 74), + N3304: hcl(330, 30, 66), + N3305: hcl(330, 36, 58), + N3306: hcl(330, 30, 50), + N3307: hcl(330, 24, 42), + N3308: hcl(330, 18, 34), + N3309: hcl(330, 12, 26), + + + // Pink + // ------------------------------------------------------------------------ + + N3451: hcl(345, 12, 90), + N3452: hcl(345, 18, 82), + N3453: hcl(345, 24, 74), + N3454: hcl(345, 30, 66), + N3455: hcl(345, 36, 58), + N3456: hcl(345, 30, 50), + N3457: hcl(345, 24, 42), + N3458: hcl(345, 18, 34), + N3459: hcl(345, 12, 26), + + + // Red + // ------------------------------------------------------------------------ + + N3601: hcl(360, 12, 90), + N3602: hcl(360, 18, 82), + N3603: hcl(360, 24, 74), + N3604: hcl(360, 30, 66), + N3605: hcl(360, 36, 58), + N3606: hcl(360, 30, 50), + N3607: hcl(360, 24, 42), + N3608: hcl(360, 18, 34), + N3609: hcl(360, 12, 26), + +) \ No newline at end of file diff --git a/src/scss/hue/_hue.gl-hcl-var.scss b/src/scss/hue/_hue.gl-hcl-var.scss new file mode 100644 index 0000000..5fa93ca --- /dev/null +++ b/src/scss/hue/_hue.gl-hcl-var.scss @@ -0,0 +1,350 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// hue.gl +// 0.0.8 +// +// ============================================================================ + + +// General +// ============================================================================ + +// Grey +// ---------------------------------------------------------------------------- + +$N0001: rgb(88.76% 88.76% 88.76%); +$N0002: rgb(79.95% 79.95% 79.95%); +$N0003: rgb(71.32% 71.32% 71.32%); +$N0004: rgb(62.88% 62.88% 62.88%); +$N0005: rgb(54.65% 54.65% 54.65%); +$N0006: rgb(46.63% 46.63% 46.63%); +$N0007: rgb(38.86% 38.86% 38.86%); +$N0008: rgb(31.35% 31.35% 31.35%); +$N0009: rgb(24.13% 24.13% 24.13%); + +// Salmon +// ---------------------------------------------------------------------------- + +$N0151: rgb(98.15% 85.74% 86.65%); +$N0152: rgb(93.43% 75.38% 76.87%); +$N0153: rgb(88.46% 65.13% 67.32%); +$N0154: rgb(83.24% 54.96% 58.02%); +$N0155: rgb(77.76% 44.79% 49%); +$N0156: rgb(65.49% 38.78% 42.05%); +$N0157: rgb(53.61% 32.9% 35.3%); +$N0158: rgb(42.16% 27.16% 28.77%); +$N0159: rgb(31.17% 21.55% 22.48%); + +// Orange +// ---------------------------------------------------------------------------- + +$N0301: rgb(97.92% 86.01% 84.47%); +$N0302: rgb(93.06% 75.8% 73.66%); +$N0303: rgb(87.92% 65.73% 63.13%); +$N0304: rgb(82.51% 55.77% 52.91%); +$N0305: rgb(76.82% 45.88% 43.04%); +$N0306: rgb(64.75% 39.63% 37.22%); +$N0307: rgb(53.05% 33.53% 31.56%); +$N0308: rgb(41.77% 27.58% 26.06%); +$N0309: rgb(30.95% 21.8% 20.75%); + +// Amber +// ---------------------------------------------------------------------------- + +$N0451: rgb(97.09% 86.47% 82.58%); +$N0452: rgb(91.82% 76.52% 70.87%); +$N0453: rgb(86.29% 66.73% 59.48%); +$N0454: rgb(80.5% 57.1% 48.43%); +$N0455: rgb(74.45% 47.62% 37.75%); +$N0456: rgb(62.83% 41% 32.95%); +$N0457: rgb(51.58% 34.55% 28.26%); +$N0458: rgb(40.71% 28.29% 23.68%); +$N0459: rgb(30.27% 22.22% 19.24%); + +// Yellow +// ---------------------------------------------------------------------------- + +$N0601: rgb(95.69% 87.08% 81.1%); +$N0602: rgb(89.8% 77.46% 68.69%); +$N0603: rgb(83.7% 68.02% 56.61%); +$N0604: rgb(77.37% 58.78% 44.87%); +$N0605: rgb(70.83% 49.74% 33.48%); +$N0606: rgb(59.89% 42.68% 29.52%); +$N0607: rgb(49.29% 35.82% 25.62%); +$N0608: rgb(39.05% 29.17% 21.8%); +$N0609: rgb(29.2% 22.76% 18.05%); + +// Lime +// ---------------------------------------------------------------------------- + +$N0751: rgb(93.84% 87.8% 80.14%); +$N0752: rgb(87.13% 78.54% 67.26%); +$N0753: rgb(80.28% 69.48% 54.72%); +$N0754: rgb(73.29% 60.63% 42.51%); +$N0755: rgb(66.14% 52.01% 30.57%); +$N0756: rgb(56.08% 44.5% 27.2%); +$N0757: rgb(46.32% 37.2% 23.86%); +$N0758: rgb(36.88% 30.15% 20.55%); +$N0759: rgb(27.8% 23.37% 17.26%); + +// Ecru +// ---------------------------------------------------------------------------- + +$N0901: rgb(91.63% 88.56% 79.77%); +$N0902: rgb(83.95% 79.67% 66.7%); +$N0903: rgb(76.23% 70.97% 53.97%); +$N0904: rgb(68.46% 62.48% 41.54%); +$N0905: rgb(60.62% 54.21% 29.32%); +$N0906: rgb(51.58% 46.27% 26.22%); +$N0907: rgb(42.81% 38.57% 23.12%); +$N0908: rgb(34.31% 31.13% 20.03%); +$N0909: rgb(26.13% 23.99% 16.95%); + +// Olive +// ---------------------------------------------------------------------------- + +$N1051: rgb(89.19% 89.31% 80.01%); +$N1052: rgb(80.43% 80.77% 67.06%); +$N1053: rgb(71.73% 72.4% 54.42%); +$N1054: rgb(63.07% 64.21% 42.08%); +$N1055: rgb(54.44% 56.21% 29.94%); +$N1056: rgb(46.56% 47.89% 26.72%); +$N1057: rgb(38.89% 39.83% 23.51%); +$N1058: rgb(31.45% 32.05% 20.32%); +$N1059: rgb(24.28% 24.58% 17.14%); + +// Green +// ---------------------------------------------------------------------------- + +$N1201: rgb(86.67% 90.01% 80.86%); +$N1202: rgb(76.77% 81.78% 68.3%); +$N1203: rgb(66.99% 73.68% 56.05%); +$N1204: rgb(57.33% 65.72% 44.09%); +$N1205: rgb(47.76% 57.91% 32.38%); +$N1206: rgb(41.14% 49.29% 28.67%); +$N1207: rgb(34.69% 40.93% 25.01%); +$N1208: rgb(28.41% 32.85% 21.39%); +$N1209: rgb(22.32% 25.1% 17.81%); + +// Forest +// ---------------------------------------------------------------------------- + +$N1351: rgb(84.23% 90.61% 82.24%); +$N1352: rgb(73.16% 82.63% 70.34%); +$N1353: rgb(62.24% 74.75% 58.74%); +$N1354: rgb(51.43% 66.96% 47.43%); +$N1355: rgb(40.66% 59.28% 36.4%); +$N1356: rgb(35.44% 50.42% 31.89%); +$N1357: rgb(30.32% 41.82% 27.48%); +$N1358: rgb(25.29% 33.51% 23.15%); +$N1359: rgb(20.35% 25.54% 18.92%); + +// Jade +// ---------------------------------------------------------------------------- + +$N1501: rgb(82.02% 91.09% 84.07%); +$N1502: rgb(69.83% 83.29% 73.05%); +$N1503: rgb(57.73% 75.57% 62.29%); +$N1504: rgb(45.6% 67.9% 51.81%); +$N1505: rgb(33.15% 60.3% 41.63%); +$N1506: rgb(29.53% 51.26% 36.1%); +$N1507: rgb(25.89% 42.48% 30.72%); +$N1508: rgb(22.21% 34.01% 25.48%); +$N1509: rgb(18.47% 25.87% 20.4%); + +// Mint +// ---------------------------------------------------------------------------- + +$N1651: rgb(80.21% 91.4% 86.22%); +$N1652: rgb(67.02% 83.73% 76.22%); +$N1653: rgb(53.77% 76.11% 66.45%); +$N1654: rgb(40.15% 68.52% 56.93%); +$N1655: rgb(25.12% 60.96% 47.67%); +$N1656: rgb(23.5% 51.8% 40.98%); +$N1657: rgb(21.57% 42.92% 34.48%); +$N1658: rgb(19.34% 34.34% 28.19%); +$N1659: rgb(16.8% 26.09% 22.12%); + +// Cyan +// ---------------------------------------------------------------------------- + +$N1801: rgb(78.94% 91.54% 88.55%); +$N1802: rgb(64.98% 83.93% 79.65%); +$N1803: rgb(50.74% 76.36% 70.93%); +$N1804: rgb(35.56% 68.8% 62.42%); +$N1805: rgb(16.33% 61.27% 54.12%); +$N1806: rgb(17.56% 52.06% 46.2%); +$N1807: rgb(17.67% 43.12% 38.52%); +$N1808: rgb(16.94% 34.49% 31.1%); +$N1809: rgb(15.51% 26.2% 23.97%); + +// Teal +// ---------------------------------------------------------------------------- + +$N1951: rgb(78.33% 91.51% 90.88%); +$N1952: rgb(63.93% 83.89% 83.09%); +$N1953: rgb(49.03% 76.3% 75.43%); +$N1954: rgb(32.59% 68.75% 67.92%); +$N1955: rgb(6.301% 61.22% 60.57%); +$N1956: rgb(12.57% 52.02% 51.42%); +$N1957: rgb(14.88% 43.09% 42.56%); +$N1958: rgb(15.41% 34.46% 34.02%); +$N1959: rgb(14.76% 26.17% 25.83%); + +// Capri +// ---------------------------------------------------------------------------- + +$N2101: rgb(78.44% 91.29% 93.07%); +$N2102: rgb(64.02% 83.59% 86.31%); +$N2103: rgb(48.98% 75.95% 79.64%); +$N2104: rgb(32.12% 68.36% 73.07%); +$N2105: rgb(0.31% 60.82% 66.6%); +$N2106: rgb(10.99% 51.68% 56.3%); +$N2107: rgb(14.24% 42.81% 46.34%); +$N2108: rgb(15.18% 34.25% 36.75%); +$N2109: rgb(14.72% 26.03% 27.57%); + +// Sky +// ---------------------------------------------------------------------------- + +$N2251: rgb(79.29% 90.91% 94.96%); +$N2252: rgb(65.28% 83.06% 89.09%); +$N2253: rgb(50.71% 75.29% 83.27%); +$N2254: rgb(34.55% 67.62% 77.51%); +$N2255: rgb(10.02% 60.03% 71.81%); +$N2256: rgb(14.62% 51.03% 60.52%); +$N2257: rgb(16.32% 42.29% 49.6%); +$N2258: rgb(16.45% 33.86% 39.1%); +$N2259: rgb(15.45% 25.76% 29.07%); + +// Blue +// ---------------------------------------------------------------------------- + +$N2401: rgb(80.81% 90.37% 96.43%); +$N2402: rgb(67.63% 82.3% 91.25%); +$N2403: rgb(54.05% 74.36% 86.09%); +$N2404: rgb(39.41% 66.54% 80.95%); +$N2405: rgb(21.13% 58.86% 75.84%); +$N2406: rgb(21.23% 50.06% 63.78%); +$N2407: rgb(20.47% 41.53% 52.13%); +$N2408: rgb(18.99% 33.29% 40.93%); +$N2409: rgb(16.86% 25.38% 30.24%); + +// Azure +// ---------------------------------------------------------------------------- + +$N2551: rgb(82.88% 89.72% 97.37%); +$N2552: rgb(70.83% 81.37% 92.63%); +$N2553: rgb(58.59% 73.18% 87.89%); +$N2554: rgb(45.8% 65.15% 83.15%); +$N2555: rgb(31.59% 57.31% 78.42%); +$N2556: rgb(28.74% 48.79% 65.87%); +$N2557: rgb(25.66% 40.52% 53.74%); +$N2558: rgb(22.34% 32.55% 42.09%); +$N2559: rgb(18.78% 24.9% 30.98%); + +// Indigo +// ---------------------------------------------------------------------------- + +$N2701: rgb(85.33% 88.98% 97.72%); +$N2702: rgb(74.6% 80.3% 93.15%); +$N2703: rgb(63.83% 71.8% 88.56%); +$N2704: rgb(52.86% 63.49% 83.97%); +$N2705: rgb(41.44% 55.41% 79.36%); +$N2706: rgb(36.28% 47.24% 66.64%); +$N2707: rgb(31.16% 39.32% 54.34%); +$N2708: rgb(26.06% 31.67% 42.52%); +$N2709: rgb(20.98% 24.33% 31.26%); + +// Violet +// ---------------------------------------------------------------------------- + +$N2851: rgb(87.97% 88.21% 97.47%); +$N2852: rgb(78.61% 79.16% 92.76%); +$N2853: rgb(69.29% 70.3% 88.05%); +$N2854: rgb(59.95% 61.64% 83.34%); +$N2855: rgb(50.52% 53.22% 78.61%); +$N2856: rgb(43.45% 45.47% 66.03%); +$N2857: rgb(36.54% 37.95% 53.87%); +$N2858: rgb(29.81% 30.69% 42.19%); +$N2859: rgb(23.26% 23.71% 31.05%); + +// Magenta +// ---------------------------------------------------------------------------- + +$N3001: rgb(90.6% 87.46% 96.62%); +$N3002: rgb(82.55% 78.02% 91.51%); +$N3003: rgb(74.55% 68.78% 86.41%); +$N3004: rgb(66.58% 59.73% 81.31%); +$N3005: rgb(58.62% 50.89% 76.23%); +$N3006: rgb(49.92% 43.6% 64.1%); +$N3007: rgb(41.48% 36.53% 52.38%); +$N3008: rgb(33.31% 29.68% 41.12%); +$N3009: rgb(25.45% 23.08% 30.37%); + +// Purple +// ---------------------------------------------------------------------------- + +$N3151: rgb(93.04% 86.78% 95.24%); +$N3152: rgb(86.15% 76.99% 89.48%); +$N3153: rgb(79.26% 67.36% 83.75%); +$N3154: rgb(72.39% 57.9% 78.05%); +$N3155: rgb(65.5% 48.6% 72.39%); +$N3156: rgb(55.48% 41.79% 61%); +$N3157: rgb(45.76% 35.15% 49.99%); +$N3158: rgb(36.39% 28.71% 39.39%); +$N3159: rgb(27.4% 22.48% 29.27%); + +// Rose +// ---------------------------------------------------------------------------- + +$N3301: rgb(95.12% 86.23% 93.42%); +$N3302: rgb(89.17% 76.14% 86.8%); +$N3303: rgb(83.17% 66.18% 80.25%); +$N3304: rgb(77.1% 56.35% 73.78%); +$N3305: rgb(70.96% 46.61% 67.39%); +$N3306: rgb(59.91% 40.21% 56.95%); +$N3307: rgb(49.21% 33.97% 46.85%); +$N3308: rgb(38.89% 27.89% 37.13%); +$N3309: rgb(29.01% 21.99% 27.82%); + +// Pink +// ---------------------------------------------------------------------------- + +$N3451: rgb(96.72% 85.86% 91.28%); +$N3452: rgb(91.46% 75.55% 83.66%); +$N3453: rgb(86.07% 65.37% 76.17%); +$N3454: rgb(80.54% 55.26% 68.8%); +$N3455: rgb(74.87% 45.18% 61.56%); +$N3456: rgb(63.1% 39.09% 52.23%); +$N3457: rgb(51.7% 33.13% 43.19%); +$N3458: rgb(40.72% 27.32% 34.48%); +$N3459: rgb(30.2% 21.65% 26.13%); + +// Red +// ---------------------------------------------------------------------------- + +$N3601: rgb(97.75% 85.69% 88.98%); +$N3602: rgb(92.9% 75.29% 80.28%); +$N3603: rgb(87.85% 65% 71.76%); +$N3604: rgb(82.6% 54.78% 63.43%); +$N3605: rgb(77.13% 44.54% 55.3%); +$N3606: rgb(64.96% 38.59% 47.16%); +$N3607: rgb(53.17% 32.76% 39.26%); +$N3608: rgb(41.81% 27.06% 31.63%); +$N3609: rgb(30.93% 21.49% 24.31%); + diff --git a/src/scss/hue/_hue.gl-hex-map.scss b/src/scss/hue/_hue.gl-hex-map.scss new file mode 100644 index 0000000..0d01090 --- /dev/null +++ b/src/scss/hue/_hue.gl-hex-map.scss @@ -0,0 +1,378 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// hue.gl +// 0.0.8 +// +// ============================================================================ + + +// General +// ============================================================================ + +$hue: ( + + + // Grey + // ------------------------------------------------------------------------ + + N0001: #e2e2e2, + N0002: #cccccc, + N0003: #b6b6b6, + N0004: #a0a0a0, + N0005: #8b8b8b, + N0006: #777777, + N0007: #636363, + N0008: #505050, + N0009: #3e3e3e, + + + // Salmon + // ------------------------------------------------------------------------ + + N0151: #fadbdd, + N0152: #eec0c4, + N0153: #e2a6ac, + N0154: #d48c94, + N0155: #c6727d, + N0156: #a7636b, + N0157: #89545a, + N0158: #6b4549, + N0159: #4f3739, + + + // Orange + // ------------------------------------------------------------------------ + + N0301: #fadbd7, + N0302: #edc1bc, + N0303: #e0a8a1, + N0304: #d28e87, + N0305: #c4756e, + N0306: #a5655f, + N0307: #875650, + N0308: #6b4642, + N0309: #4f3835, + + + // Amber + // ------------------------------------------------------------------------ + + N0451: #f8dcd3, + N0452: #eac3b5, + N0453: #dcaa98, + N0454: #cd927c, + N0455: #be7960, + N0456: #a06954, + N0457: #845848, + N0458: #68483c, + N0459: #4d3931, + + + // Yellow + // ------------------------------------------------------------------------ + + N0601: #f4decf, + N0602: #e5c6af, + N0603: #d5ad90, + N0604: #c59672, + N0605: #b57f55, + N0606: #996d4b, + N0607: #7e5b41, + N0608: #644a38, + N0609: #4a3a2e, + + + // Lime + // ------------------------------------------------------------------------ + + N0751: #efe0cc, + N0752: #dec8ac, + N0753: #cdb18c, + N0754: #bb9b6c, + N0755: #a9854e, + N0756: #8f7145, + N0757: #765f3d, + N0758: #5e4d34, + N0759: #473c2c, + + + // Ecru + // ------------------------------------------------------------------------ + + N0901: #eae2cb, + N0902: #d6cbaa, + N0903: #c2b58a, + N0904: #af9f6a, + N0905: #9b8a4b, + N0906: #847643, + N0907: #6d623b, + N0908: #584f33, + N0909: #433d2b, + + + // Olive + // ------------------------------------------------------------------------ + + N1051: #e3e4cc, + N1052: #cdceab, + N1053: #b7b98b, + N1054: #a1a46b, + N1055: #8b8f4c, + N1056: #777a44, + N1057: #63663c, + N1058: #505234, + N1059: #3e3f2c, + + + // Green + // ------------------------------------------------------------------------ + + N1201: #dde6ce, + N1202: #c4d1ae, + N1203: #abbc8f, + N1204: #92a870, + N1205: #7a9453, + N1206: #697e49, + N1207: #586840, + N1208: #485437, + N1209: #39402d, + + + // Forest + // ------------------------------------------------------------------------ + + N1351: #d7e7d2, + N1352: #bbd3b3, + N1353: #9fbf96, + N1354: #83ab79, + N1355: #68975d, + N1356: #5a8151, + N1357: #4d6b46, + N1358: #40553b, + N1359: #344130, + + + // Jade + // ------------------------------------------------------------------------ + + N1501: #d1e8d6, + N1502: #b2d4ba, + N1503: #93c19f, + N1504: #74ad84, + N1505: #559a6a, + N1506: #4b835c, + N1507: #426c4e, + N1508: #395741, + N1509: #2f4234, + + + // Mint + // ------------------------------------------------------------------------ + + N1651: #cde9dc, + N1652: #abd6c2, + N1653: #89c2a9, + N1654: #66af91, + N1655: #409b7a, + N1656: #3c8469, + N1657: #376d58, + N1658: #315848, + N1659: #2b4338, + + + // Cyan + // ------------------------------------------------------------------------ + + N1801: #c9e9e2, + N1802: #a6d6cb, + N1803: #81c3b5, + N1804: #5baf9f, + N1805: #2a9c8a, + N1806: #2d8576, + N1807: #2d6e62, + N1808: #2b584f, + N1809: #28433d, + + + // Teal + // ------------------------------------------------------------------------ + + N1951: #c8e9e8, + N1952: #a3d6d4, + N1953: #7dc3c0, + N1954: #53afad, + N1955: #109c9a, + N1956: #208583, + N1957: #266e6d, + N1958: #275857, + N1959: #264342, + + + // Capri + // ------------------------------------------------------------------------ + + N2101: #c8e9ed, + N2102: #a3d5dc, + N2103: #7dc2cb, + N2104: #52aeba, + N2105: #019baa, + N2106: #1c8490, + N2107: #246d76, + N2108: #27575e, + N2109: #264246, + + + // Sky + // ------------------------------------------------------------------------ + + N2251: #cae8f2, + N2252: #a6d4e3, + N2253: #81c0d4, + N2254: #58acc6, + N2255: #1a99b7, + N2256: #25829a, + N2257: #2a6c7e, + N2258: #2a5664, + N2259: #27424a, + + + // Blue + // ------------------------------------------------------------------------ + + N2401: #cee6f6, + N2402: #acd2e9, + N2403: #8abedc, + N2404: #65aace, + N2405: #3696c1, + N2406: #3680a3, + N2407: #346a85, + N2408: #305568, + N2409: #2b414d, + + + // Azure + // ------------------------------------------------------------------------ + + N2551: #d3e5f8, + N2552: #b5cfec, + N2553: #95bbe0, + N2554: #75a6d4, + N2555: #5192c8, + N2556: #497ca8, + N2557: #416789, + N2558: #39536b, + N2559: #303f4f, + + + // Indigo + // ------------------------------------------------------------------------ + + N2701: #dae3f9, + N2702: #becdee, + N2703: #a3b7e2, + N2704: #87a2d6, + N2705: #6a8dca, + N2706: #5d78aa, + N2707: #4f648b, + N2708: #42516c, + N2709: #353e50, + + + // Violet + // ------------------------------------------------------------------------ + + N2851: #e0e1f9, + N2852: #c8caed, + N2853: #b1b3e1, + N2854: #999dd5, + N2855: #8188c8, + N2856: #6f74a8, + N2857: #5d6189, + N2858: #4c4e6c, + N2859: #3b3c4f, + + + // Magenta + // ------------------------------------------------------------------------ + + N3001: #e7dff6, + N3002: #d3c7e9, + N3003: #beafdc, + N3004: #aa98cf, + N3005: #9582c2, + N3006: #7f6fa3, + N3007: #6a5d86, + N3008: #554c69, + N3009: #413b4d, + + + // Purple + // ------------------------------------------------------------------------ + + N3151: #edddf3, + N3152: #dcc4e4, + N3153: #caacd6, + N3154: #b994c7, + N3155: #a77cb9, + N3156: #8d6b9c, + N3157: #755a7f, + N3158: #5d4964, + N3159: #46394b, + + + // Rose + // ------------------------------------------------------------------------ + + N3301: #f3dcee, + N3302: #e3c2dd, + N3303: #d4a9cd, + N3304: #c590bc, + N3305: #b577ac, + N3306: #996791, + N3307: #7d5777, + N3308: #63475f, + N3309: #4a3847, + + + // Pink + // ------------------------------------------------------------------------ + + N3451: #f7dbe9, + N3452: #e9c1d5, + N3453: #dba7c2, + N3454: #cd8daf, + N3455: #bf739d, + N3456: #a16485, + N3457: #84546e, + N3458: #684658, + N3459: #4d3743, + + + // Red + // ------------------------------------------------------------------------ + + N3601: #f9dbe3, + N3602: #edc0cd, + N3603: #e0a6b7, + N3604: #d38ca2, + N3605: #c5728d, + N3606: #a66278, + N3607: #885464, + N3608: #6b4551, + N3609: #4f373e, + +) \ No newline at end of file diff --git a/src/scss/hue/_hue.gl-hex-var.scss b/src/scss/hue/_hue.gl-hex-var.scss new file mode 100644 index 0000000..53e4d49 --- /dev/null +++ b/src/scss/hue/_hue.gl-hex-var.scss @@ -0,0 +1,350 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// hue.gl +// 0.0.8 +// +// ============================================================================ + + +// General +// ============================================================================ + +// Grey +// ---------------------------------------------------------------------------- + +$N0001: #e2e2e2; +$N0002: #cccccc; +$N0003: #b6b6b6; +$N0004: #a0a0a0; +$N0005: #8b8b8b; +$N0006: #777777; +$N0007: #636363; +$N0008: #505050; +$N0009: #3e3e3e; + +// Salmon +// ---------------------------------------------------------------------------- + +$N0151: #fadbdd; +$N0152: #eec0c4; +$N0153: #e2a6ac; +$N0154: #d48c94; +$N0155: #c6727d; +$N0156: #a7636b; +$N0157: #89545a; +$N0158: #6b4549; +$N0159: #4f3739; + +// Orange +// ---------------------------------------------------------------------------- + +$N0301: #fadbd7; +$N0302: #edc1bc; +$N0303: #e0a8a1; +$N0304: #d28e87; +$N0305: #c4756e; +$N0306: #a5655f; +$N0307: #875650; +$N0308: #6b4642; +$N0309: #4f3835; + +// Amber +// ---------------------------------------------------------------------------- + +$N0451: #f8dcd3; +$N0452: #eac3b5; +$N0453: #dcaa98; +$N0454: #cd927c; +$N0455: #be7960; +$N0456: #a06954; +$N0457: #845848; +$N0458: #68483c; +$N0459: #4d3931; + +// Yellow +// ---------------------------------------------------------------------------- + +$N0601: #f4decf; +$N0602: #e5c6af; +$N0603: #d5ad90; +$N0604: #c59672; +$N0605: #b57f55; +$N0606: #996d4b; +$N0607: #7e5b41; +$N0608: #644a38; +$N0609: #4a3a2e; + +// Lime +// ---------------------------------------------------------------------------- + +$N0751: #efe0cc; +$N0752: #dec8ac; +$N0753: #cdb18c; +$N0754: #bb9b6c; +$N0755: #a9854e; +$N0756: #8f7145; +$N0757: #765f3d; +$N0758: #5e4d34; +$N0759: #473c2c; + +// Ecru +// ---------------------------------------------------------------------------- + +$N0901: #eae2cb; +$N0902: #d6cbaa; +$N0903: #c2b58a; +$N0904: #af9f6a; +$N0905: #9b8a4b; +$N0906: #847643; +$N0907: #6d623b; +$N0908: #584f33; +$N0909: #433d2b; + +// Olive +// ---------------------------------------------------------------------------- + +$N1051: #e3e4cc; +$N1052: #cdceab; +$N1053: #b7b98b; +$N1054: #a1a46b; +$N1055: #8b8f4c; +$N1056: #777a44; +$N1057: #63663c; +$N1058: #505234; +$N1059: #3e3f2c; + +// Green +// ---------------------------------------------------------------------------- + +$N1201: #dde6ce; +$N1202: #c4d1ae; +$N1203: #abbc8f; +$N1204: #92a870; +$N1205: #7a9453; +$N1206: #697e49; +$N1207: #586840; +$N1208: #485437; +$N1209: #39402d; + +// Forest +// ---------------------------------------------------------------------------- + +$N1351: #d7e7d2; +$N1352: #bbd3b3; +$N1353: #9fbf96; +$N1354: #83ab79; +$N1355: #68975d; +$N1356: #5a8151; +$N1357: #4d6b46; +$N1358: #40553b; +$N1359: #344130; + +// Jade +// ---------------------------------------------------------------------------- + +$N1501: #d1e8d6; +$N1502: #b2d4ba; +$N1503: #93c19f; +$N1504: #74ad84; +$N1505: #559a6a; +$N1506: #4b835c; +$N1507: #426c4e; +$N1508: #395741; +$N1509: #2f4234; + +// Mint +// ---------------------------------------------------------------------------- + +$N1651: #cde9dc; +$N1652: #abd6c2; +$N1653: #89c2a9; +$N1654: #66af91; +$N1655: #409b7a; +$N1656: #3c8469; +$N1657: #376d58; +$N1658: #315848; +$N1659: #2b4338; + +// Cyan +// ---------------------------------------------------------------------------- + +$N1801: #c9e9e2; +$N1802: #a6d6cb; +$N1803: #81c3b5; +$N1804: #5baf9f; +$N1805: #2a9c8a; +$N1806: #2d8576; +$N1807: #2d6e62; +$N1808: #2b584f; +$N1809: #28433d; + +// Teal +// ---------------------------------------------------------------------------- + +$N1951: #c8e9e8; +$N1952: #a3d6d4; +$N1953: #7dc3c0; +$N1954: #53afad; +$N1955: #109c9a; +$N1956: #208583; +$N1957: #266e6d; +$N1958: #275857; +$N1959: #264342; + +// Capri +// ---------------------------------------------------------------------------- + +$N2101: #c8e9ed; +$N2102: #a3d5dc; +$N2103: #7dc2cb; +$N2104: #52aeba; +$N2105: #019baa; +$N2106: #1c8490; +$N2107: #246d76; +$N2108: #27575e; +$N2109: #264246; + +// Sky +// ---------------------------------------------------------------------------- + +$N2251: #cae8f2; +$N2252: #a6d4e3; +$N2253: #81c0d4; +$N2254: #58acc6; +$N2255: #1a99b7; +$N2256: #25829a; +$N2257: #2a6c7e; +$N2258: #2a5664; +$N2259: #27424a; + +// Blue +// ---------------------------------------------------------------------------- + +$N2401: #cee6f6; +$N2402: #acd2e9; +$N2403: #8abedc; +$N2404: #65aace; +$N2405: #3696c1; +$N2406: #3680a3; +$N2407: #346a85; +$N2408: #305568; +$N2409: #2b414d; + +// Azure +// ---------------------------------------------------------------------------- + +$N2551: #d3e5f8; +$N2552: #b5cfec; +$N2553: #95bbe0; +$N2554: #75a6d4; +$N2555: #5192c8; +$N2556: #497ca8; +$N2557: #416789; +$N2558: #39536b; +$N2559: #303f4f; + +// Indigo +// ---------------------------------------------------------------------------- + +$N2701: #dae3f9; +$N2702: #becdee; +$N2703: #a3b7e2; +$N2704: #87a2d6; +$N2705: #6a8dca; +$N2706: #5d78aa; +$N2707: #4f648b; +$N2708: #42516c; +$N2709: #353e50; + +// Violet +// ---------------------------------------------------------------------------- + +$N2851: #e0e1f9; +$N2852: #c8caed; +$N2853: #b1b3e1; +$N2854: #999dd5; +$N2855: #8188c8; +$N2856: #6f74a8; +$N2857: #5d6189; +$N2858: #4c4e6c; +$N2859: #3b3c4f; + +// Magenta +// ---------------------------------------------------------------------------- + +$N3001: #e7dff6; +$N3002: #d3c7e9; +$N3003: #beafdc; +$N3004: #aa98cf; +$N3005: #9582c2; +$N3006: #7f6fa3; +$N3007: #6a5d86; +$N3008: #554c69; +$N3009: #413b4d; + +// Purple +// ---------------------------------------------------------------------------- + +$N3151: #edddf3; +$N3152: #dcc4e4; +$N3153: #caacd6; +$N3154: #b994c7; +$N3155: #a77cb9; +$N3156: #8d6b9c; +$N3157: #755a7f; +$N3158: #5d4964; +$N3159: #46394b; + +// Rose +// ---------------------------------------------------------------------------- + +$N3301: #f3dcee; +$N3302: #e3c2dd; +$N3303: #d4a9cd; +$N3304: #c590bc; +$N3305: #b577ac; +$N3306: #996791; +$N3307: #7d5777; +$N3308: #63475f; +$N3309: #4a3847; + +// Pink +// ---------------------------------------------------------------------------- + +$N3451: #f7dbe9; +$N3452: #e9c1d5; +$N3453: #dba7c2; +$N3454: #cd8daf; +$N3455: #bf739d; +$N3456: #a16485; +$N3457: #84546e; +$N3458: #684658; +$N3459: #4d3743; + +// Red +// ---------------------------------------------------------------------------- + +$N3601: #f9dbe3; +$N3602: #edc0cd; +$N3603: #e0a6b7; +$N3604: #d38ca2; +$N3605: #c5728d; +$N3606: #a66278; +$N3607: #885464; +$N3608: #6b4551; +$N3609: #4f373e; + diff --git a/src/scss/hue/_hue.gl-rgb-map.scss b/src/scss/hue/_hue.gl-rgb-map.scss new file mode 100644 index 0000000..5e331b8 --- /dev/null +++ b/src/scss/hue/_hue.gl-rgb-map.scss @@ -0,0 +1,378 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// hue.gl +// 0.0.8 +// +// ============================================================================ + + +// General +// ============================================================================ + +$hue: ( + + + // Grey + // ------------------------------------------------------------------------ + + N0001: rgb(88.76% 88.76% 88.76%), + N0002: rgb(79.95% 79.95% 79.95%), + N0003: rgb(71.32% 71.32% 71.32%), + N0004: rgb(62.88% 62.88% 62.88%), + N0005: rgb(54.65% 54.65% 54.65%), + N0006: rgb(46.63% 46.63% 46.63%), + N0007: rgb(38.86% 38.86% 38.86%), + N0008: rgb(31.35% 31.35% 31.35%), + N0009: rgb(24.13% 24.13% 24.13%), + + + // Salmon + // ------------------------------------------------------------------------ + + N0151: rgb(98.15% 85.74% 86.65%), + N0152: rgb(93.43% 75.38% 76.87%), + N0153: rgb(88.46% 65.13% 67.32%), + N0154: rgb(83.24% 54.96% 58.02%), + N0155: rgb(77.76% 44.79% 49%), + N0156: rgb(65.49% 38.78% 42.05%), + N0157: rgb(53.61% 32.9% 35.3%), + N0158: rgb(42.16% 27.16% 28.77%), + N0159: rgb(31.17% 21.55% 22.48%), + + + // Orange + // ------------------------------------------------------------------------ + + N0301: rgb(97.92% 86.01% 84.47%), + N0302: rgb(93.06% 75.8% 73.66%), + N0303: rgb(87.92% 65.73% 63.13%), + N0304: rgb(82.51% 55.77% 52.91%), + N0305: rgb(76.82% 45.88% 43.04%), + N0306: rgb(64.75% 39.63% 37.22%), + N0307: rgb(53.05% 33.53% 31.56%), + N0308: rgb(41.77% 27.58% 26.06%), + N0309: rgb(30.95% 21.8% 20.75%), + + + // Amber + // ------------------------------------------------------------------------ + + N0451: rgb(97.09% 86.47% 82.58%), + N0452: rgb(91.82% 76.52% 70.87%), + N0453: rgb(86.29% 66.73% 59.48%), + N0454: rgb(80.5% 57.1% 48.43%), + N0455: rgb(74.45% 47.62% 37.75%), + N0456: rgb(62.83% 41% 32.95%), + N0457: rgb(51.58% 34.55% 28.26%), + N0458: rgb(40.71% 28.29% 23.68%), + N0459: rgb(30.27% 22.22% 19.24%), + + + // Yellow + // ------------------------------------------------------------------------ + + N0601: rgb(95.69% 87.08% 81.1%), + N0602: rgb(89.8% 77.46% 68.69%), + N0603: rgb(83.7% 68.02% 56.61%), + N0604: rgb(77.37% 58.78% 44.87%), + N0605: rgb(70.83% 49.74% 33.48%), + N0606: rgb(59.89% 42.68% 29.52%), + N0607: rgb(49.29% 35.82% 25.62%), + N0608: rgb(39.05% 29.17% 21.8%), + N0609: rgb(29.2% 22.76% 18.05%), + + + // Lime + // ------------------------------------------------------------------------ + + N0751: rgb(93.84% 87.8% 80.14%), + N0752: rgb(87.13% 78.54% 67.26%), + N0753: rgb(80.28% 69.48% 54.72%), + N0754: rgb(73.29% 60.63% 42.51%), + N0755: rgb(66.14% 52.01% 30.57%), + N0756: rgb(56.08% 44.5% 27.2%), + N0757: rgb(46.32% 37.2% 23.86%), + N0758: rgb(36.88% 30.15% 20.55%), + N0759: rgb(27.8% 23.37% 17.26%), + + + // Ecru + // ------------------------------------------------------------------------ + + N0901: rgb(91.63% 88.56% 79.77%), + N0902: rgb(83.95% 79.67% 66.7%), + N0903: rgb(76.23% 70.97% 53.97%), + N0904: rgb(68.46% 62.48% 41.54%), + N0905: rgb(60.62% 54.21% 29.32%), + N0906: rgb(51.58% 46.27% 26.22%), + N0907: rgb(42.81% 38.57% 23.12%), + N0908: rgb(34.31% 31.13% 20.03%), + N0909: rgb(26.13% 23.99% 16.95%), + + + // Olive + // ------------------------------------------------------------------------ + + N1051: rgb(89.19% 89.31% 80.01%), + N1052: rgb(80.43% 80.77% 67.06%), + N1053: rgb(71.73% 72.4% 54.42%), + N1054: rgb(63.07% 64.21% 42.08%), + N1055: rgb(54.44% 56.21% 29.94%), + N1056: rgb(46.56% 47.89% 26.72%), + N1057: rgb(38.89% 39.83% 23.51%), + N1058: rgb(31.45% 32.05% 20.32%), + N1059: rgb(24.28% 24.58% 17.14%), + + + // Green + // ------------------------------------------------------------------------ + + N1201: rgb(86.67% 90.01% 80.86%), + N1202: rgb(76.77% 81.78% 68.3%), + N1203: rgb(66.99% 73.68% 56.05%), + N1204: rgb(57.33% 65.72% 44.09%), + N1205: rgb(47.76% 57.91% 32.38%), + N1206: rgb(41.14% 49.29% 28.67%), + N1207: rgb(34.69% 40.93% 25.01%), + N1208: rgb(28.41% 32.85% 21.39%), + N1209: rgb(22.32% 25.1% 17.81%), + + + // Forest + // ------------------------------------------------------------------------ + + N1351: rgb(84.23% 90.61% 82.24%), + N1352: rgb(73.16% 82.63% 70.34%), + N1353: rgb(62.24% 74.75% 58.74%), + N1354: rgb(51.43% 66.96% 47.43%), + N1355: rgb(40.66% 59.28% 36.4%), + N1356: rgb(35.44% 50.42% 31.89%), + N1357: rgb(30.32% 41.82% 27.48%), + N1358: rgb(25.29% 33.51% 23.15%), + N1359: rgb(20.35% 25.54% 18.92%), + + + // Jade + // ------------------------------------------------------------------------ + + N1501: rgb(82.02% 91.09% 84.07%), + N1502: rgb(69.83% 83.29% 73.05%), + N1503: rgb(57.73% 75.57% 62.29%), + N1504: rgb(45.6% 67.9% 51.81%), + N1505: rgb(33.15% 60.3% 41.63%), + N1506: rgb(29.53% 51.26% 36.1%), + N1507: rgb(25.89% 42.48% 30.72%), + N1508: rgb(22.21% 34.01% 25.48%), + N1509: rgb(18.47% 25.87% 20.4%), + + + // Mint + // ------------------------------------------------------------------------ + + N1651: rgb(80.21% 91.4% 86.22%), + N1652: rgb(67.02% 83.73% 76.22%), + N1653: rgb(53.77% 76.11% 66.45%), + N1654: rgb(40.15% 68.52% 56.93%), + N1655: rgb(25.12% 60.96% 47.67%), + N1656: rgb(23.5% 51.8% 40.98%), + N1657: rgb(21.57% 42.92% 34.48%), + N1658: rgb(19.34% 34.34% 28.19%), + N1659: rgb(16.8% 26.09% 22.12%), + + + // Cyan + // ------------------------------------------------------------------------ + + N1801: rgb(78.94% 91.54% 88.55%), + N1802: rgb(64.98% 83.93% 79.65%), + N1803: rgb(50.74% 76.36% 70.93%), + N1804: rgb(35.56% 68.8% 62.42%), + N1805: rgb(16.33% 61.27% 54.12%), + N1806: rgb(17.56% 52.06% 46.2%), + N1807: rgb(17.67% 43.12% 38.52%), + N1808: rgb(16.94% 34.49% 31.1%), + N1809: rgb(15.51% 26.2% 23.97%), + + + // Teal + // ------------------------------------------------------------------------ + + N1951: rgb(78.33% 91.51% 90.88%), + N1952: rgb(63.93% 83.89% 83.09%), + N1953: rgb(49.03% 76.3% 75.43%), + N1954: rgb(32.59% 68.75% 67.92%), + N1955: rgb(6.301% 61.22% 60.57%), + N1956: rgb(12.57% 52.02% 51.42%), + N1957: rgb(14.88% 43.09% 42.56%), + N1958: rgb(15.41% 34.46% 34.02%), + N1959: rgb(14.76% 26.17% 25.83%), + + + // Capri + // ------------------------------------------------------------------------ + + N2101: rgb(78.44% 91.29% 93.07%), + N2102: rgb(64.02% 83.59% 86.31%), + N2103: rgb(48.98% 75.95% 79.64%), + N2104: rgb(32.12% 68.36% 73.07%), + N2105: rgb(0.31% 60.82% 66.6%), + N2106: rgb(10.99% 51.68% 56.3%), + N2107: rgb(14.24% 42.81% 46.34%), + N2108: rgb(15.18% 34.25% 36.75%), + N2109: rgb(14.72% 26.03% 27.57%), + + + // Sky + // ------------------------------------------------------------------------ + + N2251: rgb(79.29% 90.91% 94.96%), + N2252: rgb(65.28% 83.06% 89.09%), + N2253: rgb(50.71% 75.29% 83.27%), + N2254: rgb(34.55% 67.62% 77.51%), + N2255: rgb(10.02% 60.03% 71.81%), + N2256: rgb(14.62% 51.03% 60.52%), + N2257: rgb(16.32% 42.29% 49.6%), + N2258: rgb(16.45% 33.86% 39.1%), + N2259: rgb(15.45% 25.76% 29.07%), + + + // Blue + // ------------------------------------------------------------------------ + + N2401: rgb(80.81% 90.37% 96.43%), + N2402: rgb(67.63% 82.3% 91.25%), + N2403: rgb(54.05% 74.36% 86.09%), + N2404: rgb(39.41% 66.54% 80.95%), + N2405: rgb(21.13% 58.86% 75.84%), + N2406: rgb(21.23% 50.06% 63.78%), + N2407: rgb(20.47% 41.53% 52.13%), + N2408: rgb(18.99% 33.29% 40.93%), + N2409: rgb(16.86% 25.38% 30.24%), + + + // Azure + // ------------------------------------------------------------------------ + + N2551: rgb(82.88% 89.72% 97.37%), + N2552: rgb(70.83% 81.37% 92.63%), + N2553: rgb(58.59% 73.18% 87.89%), + N2554: rgb(45.8% 65.15% 83.15%), + N2555: rgb(31.59% 57.31% 78.42%), + N2556: rgb(28.74% 48.79% 65.87%), + N2557: rgb(25.66% 40.52% 53.74%), + N2558: rgb(22.34% 32.55% 42.09%), + N2559: rgb(18.78% 24.9% 30.98%), + + + // Indigo + // ------------------------------------------------------------------------ + + N2701: rgb(85.33% 88.98% 97.72%), + N2702: rgb(74.6% 80.3% 93.15%), + N2703: rgb(63.83% 71.8% 88.56%), + N2704: rgb(52.86% 63.49% 83.97%), + N2705: rgb(41.44% 55.41% 79.36%), + N2706: rgb(36.28% 47.24% 66.64%), + N2707: rgb(31.16% 39.32% 54.34%), + N2708: rgb(26.06% 31.67% 42.52%), + N2709: rgb(20.98% 24.33% 31.26%), + + + // Violet + // ------------------------------------------------------------------------ + + N2851: rgb(87.97% 88.21% 97.47%), + N2852: rgb(78.61% 79.16% 92.76%), + N2853: rgb(69.29% 70.3% 88.05%), + N2854: rgb(59.95% 61.64% 83.34%), + N2855: rgb(50.52% 53.22% 78.61%), + N2856: rgb(43.45% 45.47% 66.03%), + N2857: rgb(36.54% 37.95% 53.87%), + N2858: rgb(29.81% 30.69% 42.19%), + N2859: rgb(23.26% 23.71% 31.05%), + + + // Magenta + // ------------------------------------------------------------------------ + + N3001: rgb(90.6% 87.46% 96.62%), + N3002: rgb(82.55% 78.02% 91.51%), + N3003: rgb(74.55% 68.78% 86.41%), + N3004: rgb(66.58% 59.73% 81.31%), + N3005: rgb(58.62% 50.89% 76.23%), + N3006: rgb(49.92% 43.6% 64.1%), + N3007: rgb(41.48% 36.53% 52.38%), + N3008: rgb(33.31% 29.68% 41.12%), + N3009: rgb(25.45% 23.08% 30.37%), + + + // Purple + // ------------------------------------------------------------------------ + + N3151: rgb(93.04% 86.78% 95.24%), + N3152: rgb(86.15% 76.99% 89.48%), + N3153: rgb(79.26% 67.36% 83.75%), + N3154: rgb(72.39% 57.9% 78.05%), + N3155: rgb(65.5% 48.6% 72.39%), + N3156: rgb(55.48% 41.79% 61%), + N3157: rgb(45.76% 35.15% 49.99%), + N3158: rgb(36.39% 28.71% 39.39%), + N3159: rgb(27.4% 22.48% 29.27%), + + + // Rose + // ------------------------------------------------------------------------ + + N3301: rgb(95.12% 86.23% 93.42%), + N3302: rgb(89.17% 76.14% 86.8%), + N3303: rgb(83.17% 66.18% 80.25%), + N3304: rgb(77.1% 56.35% 73.78%), + N3305: rgb(70.96% 46.61% 67.39%), + N3306: rgb(59.91% 40.21% 56.95%), + N3307: rgb(49.21% 33.97% 46.85%), + N3308: rgb(38.89% 27.89% 37.13%), + N3309: rgb(29.01% 21.99% 27.82%), + + + // Pink + // ------------------------------------------------------------------------ + + N3451: rgb(96.72% 85.86% 91.28%), + N3452: rgb(91.46% 75.55% 83.66%), + N3453: rgb(86.07% 65.37% 76.17%), + N3454: rgb(80.54% 55.26% 68.8%), + N3455: rgb(74.87% 45.18% 61.56%), + N3456: rgb(63.1% 39.09% 52.23%), + N3457: rgb(51.7% 33.13% 43.19%), + N3458: rgb(40.72% 27.32% 34.48%), + N3459: rgb(30.2% 21.65% 26.13%), + + + // Red + // ------------------------------------------------------------------------ + + N3601: rgb(97.75% 85.69% 88.98%), + N3602: rgb(92.9% 75.29% 80.28%), + N3603: rgb(87.85% 65% 71.76%), + N3604: rgb(82.6% 54.78% 63.43%), + N3605: rgb(77.13% 44.54% 55.3%), + N3606: rgb(64.96% 38.59% 47.16%), + N3607: rgb(53.17% 32.76% 39.26%), + N3608: rgb(41.81% 27.06% 31.63%), + N3609: rgb(30.93% 21.49% 24.31%), + +) \ No newline at end of file diff --git a/src/scss/hue/_hue.gl-rgb-var.scss b/src/scss/hue/_hue.gl-rgb-var.scss new file mode 100644 index 0000000..5fa93ca --- /dev/null +++ b/src/scss/hue/_hue.gl-rgb-var.scss @@ -0,0 +1,350 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// hue.gl +// 0.0.8 +// +// ============================================================================ + + +// General +// ============================================================================ + +// Grey +// ---------------------------------------------------------------------------- + +$N0001: rgb(88.76% 88.76% 88.76%); +$N0002: rgb(79.95% 79.95% 79.95%); +$N0003: rgb(71.32% 71.32% 71.32%); +$N0004: rgb(62.88% 62.88% 62.88%); +$N0005: rgb(54.65% 54.65% 54.65%); +$N0006: rgb(46.63% 46.63% 46.63%); +$N0007: rgb(38.86% 38.86% 38.86%); +$N0008: rgb(31.35% 31.35% 31.35%); +$N0009: rgb(24.13% 24.13% 24.13%); + +// Salmon +// ---------------------------------------------------------------------------- + +$N0151: rgb(98.15% 85.74% 86.65%); +$N0152: rgb(93.43% 75.38% 76.87%); +$N0153: rgb(88.46% 65.13% 67.32%); +$N0154: rgb(83.24% 54.96% 58.02%); +$N0155: rgb(77.76% 44.79% 49%); +$N0156: rgb(65.49% 38.78% 42.05%); +$N0157: rgb(53.61% 32.9% 35.3%); +$N0158: rgb(42.16% 27.16% 28.77%); +$N0159: rgb(31.17% 21.55% 22.48%); + +// Orange +// ---------------------------------------------------------------------------- + +$N0301: rgb(97.92% 86.01% 84.47%); +$N0302: rgb(93.06% 75.8% 73.66%); +$N0303: rgb(87.92% 65.73% 63.13%); +$N0304: rgb(82.51% 55.77% 52.91%); +$N0305: rgb(76.82% 45.88% 43.04%); +$N0306: rgb(64.75% 39.63% 37.22%); +$N0307: rgb(53.05% 33.53% 31.56%); +$N0308: rgb(41.77% 27.58% 26.06%); +$N0309: rgb(30.95% 21.8% 20.75%); + +// Amber +// ---------------------------------------------------------------------------- + +$N0451: rgb(97.09% 86.47% 82.58%); +$N0452: rgb(91.82% 76.52% 70.87%); +$N0453: rgb(86.29% 66.73% 59.48%); +$N0454: rgb(80.5% 57.1% 48.43%); +$N0455: rgb(74.45% 47.62% 37.75%); +$N0456: rgb(62.83% 41% 32.95%); +$N0457: rgb(51.58% 34.55% 28.26%); +$N0458: rgb(40.71% 28.29% 23.68%); +$N0459: rgb(30.27% 22.22% 19.24%); + +// Yellow +// ---------------------------------------------------------------------------- + +$N0601: rgb(95.69% 87.08% 81.1%); +$N0602: rgb(89.8% 77.46% 68.69%); +$N0603: rgb(83.7% 68.02% 56.61%); +$N0604: rgb(77.37% 58.78% 44.87%); +$N0605: rgb(70.83% 49.74% 33.48%); +$N0606: rgb(59.89% 42.68% 29.52%); +$N0607: rgb(49.29% 35.82% 25.62%); +$N0608: rgb(39.05% 29.17% 21.8%); +$N0609: rgb(29.2% 22.76% 18.05%); + +// Lime +// ---------------------------------------------------------------------------- + +$N0751: rgb(93.84% 87.8% 80.14%); +$N0752: rgb(87.13% 78.54% 67.26%); +$N0753: rgb(80.28% 69.48% 54.72%); +$N0754: rgb(73.29% 60.63% 42.51%); +$N0755: rgb(66.14% 52.01% 30.57%); +$N0756: rgb(56.08% 44.5% 27.2%); +$N0757: rgb(46.32% 37.2% 23.86%); +$N0758: rgb(36.88% 30.15% 20.55%); +$N0759: rgb(27.8% 23.37% 17.26%); + +// Ecru +// ---------------------------------------------------------------------------- + +$N0901: rgb(91.63% 88.56% 79.77%); +$N0902: rgb(83.95% 79.67% 66.7%); +$N0903: rgb(76.23% 70.97% 53.97%); +$N0904: rgb(68.46% 62.48% 41.54%); +$N0905: rgb(60.62% 54.21% 29.32%); +$N0906: rgb(51.58% 46.27% 26.22%); +$N0907: rgb(42.81% 38.57% 23.12%); +$N0908: rgb(34.31% 31.13% 20.03%); +$N0909: rgb(26.13% 23.99% 16.95%); + +// Olive +// ---------------------------------------------------------------------------- + +$N1051: rgb(89.19% 89.31% 80.01%); +$N1052: rgb(80.43% 80.77% 67.06%); +$N1053: rgb(71.73% 72.4% 54.42%); +$N1054: rgb(63.07% 64.21% 42.08%); +$N1055: rgb(54.44% 56.21% 29.94%); +$N1056: rgb(46.56% 47.89% 26.72%); +$N1057: rgb(38.89% 39.83% 23.51%); +$N1058: rgb(31.45% 32.05% 20.32%); +$N1059: rgb(24.28% 24.58% 17.14%); + +// Green +// ---------------------------------------------------------------------------- + +$N1201: rgb(86.67% 90.01% 80.86%); +$N1202: rgb(76.77% 81.78% 68.3%); +$N1203: rgb(66.99% 73.68% 56.05%); +$N1204: rgb(57.33% 65.72% 44.09%); +$N1205: rgb(47.76% 57.91% 32.38%); +$N1206: rgb(41.14% 49.29% 28.67%); +$N1207: rgb(34.69% 40.93% 25.01%); +$N1208: rgb(28.41% 32.85% 21.39%); +$N1209: rgb(22.32% 25.1% 17.81%); + +// Forest +// ---------------------------------------------------------------------------- + +$N1351: rgb(84.23% 90.61% 82.24%); +$N1352: rgb(73.16% 82.63% 70.34%); +$N1353: rgb(62.24% 74.75% 58.74%); +$N1354: rgb(51.43% 66.96% 47.43%); +$N1355: rgb(40.66% 59.28% 36.4%); +$N1356: rgb(35.44% 50.42% 31.89%); +$N1357: rgb(30.32% 41.82% 27.48%); +$N1358: rgb(25.29% 33.51% 23.15%); +$N1359: rgb(20.35% 25.54% 18.92%); + +// Jade +// ---------------------------------------------------------------------------- + +$N1501: rgb(82.02% 91.09% 84.07%); +$N1502: rgb(69.83% 83.29% 73.05%); +$N1503: rgb(57.73% 75.57% 62.29%); +$N1504: rgb(45.6% 67.9% 51.81%); +$N1505: rgb(33.15% 60.3% 41.63%); +$N1506: rgb(29.53% 51.26% 36.1%); +$N1507: rgb(25.89% 42.48% 30.72%); +$N1508: rgb(22.21% 34.01% 25.48%); +$N1509: rgb(18.47% 25.87% 20.4%); + +// Mint +// ---------------------------------------------------------------------------- + +$N1651: rgb(80.21% 91.4% 86.22%); +$N1652: rgb(67.02% 83.73% 76.22%); +$N1653: rgb(53.77% 76.11% 66.45%); +$N1654: rgb(40.15% 68.52% 56.93%); +$N1655: rgb(25.12% 60.96% 47.67%); +$N1656: rgb(23.5% 51.8% 40.98%); +$N1657: rgb(21.57% 42.92% 34.48%); +$N1658: rgb(19.34% 34.34% 28.19%); +$N1659: rgb(16.8% 26.09% 22.12%); + +// Cyan +// ---------------------------------------------------------------------------- + +$N1801: rgb(78.94% 91.54% 88.55%); +$N1802: rgb(64.98% 83.93% 79.65%); +$N1803: rgb(50.74% 76.36% 70.93%); +$N1804: rgb(35.56% 68.8% 62.42%); +$N1805: rgb(16.33% 61.27% 54.12%); +$N1806: rgb(17.56% 52.06% 46.2%); +$N1807: rgb(17.67% 43.12% 38.52%); +$N1808: rgb(16.94% 34.49% 31.1%); +$N1809: rgb(15.51% 26.2% 23.97%); + +// Teal +// ---------------------------------------------------------------------------- + +$N1951: rgb(78.33% 91.51% 90.88%); +$N1952: rgb(63.93% 83.89% 83.09%); +$N1953: rgb(49.03% 76.3% 75.43%); +$N1954: rgb(32.59% 68.75% 67.92%); +$N1955: rgb(6.301% 61.22% 60.57%); +$N1956: rgb(12.57% 52.02% 51.42%); +$N1957: rgb(14.88% 43.09% 42.56%); +$N1958: rgb(15.41% 34.46% 34.02%); +$N1959: rgb(14.76% 26.17% 25.83%); + +// Capri +// ---------------------------------------------------------------------------- + +$N2101: rgb(78.44% 91.29% 93.07%); +$N2102: rgb(64.02% 83.59% 86.31%); +$N2103: rgb(48.98% 75.95% 79.64%); +$N2104: rgb(32.12% 68.36% 73.07%); +$N2105: rgb(0.31% 60.82% 66.6%); +$N2106: rgb(10.99% 51.68% 56.3%); +$N2107: rgb(14.24% 42.81% 46.34%); +$N2108: rgb(15.18% 34.25% 36.75%); +$N2109: rgb(14.72% 26.03% 27.57%); + +// Sky +// ---------------------------------------------------------------------------- + +$N2251: rgb(79.29% 90.91% 94.96%); +$N2252: rgb(65.28% 83.06% 89.09%); +$N2253: rgb(50.71% 75.29% 83.27%); +$N2254: rgb(34.55% 67.62% 77.51%); +$N2255: rgb(10.02% 60.03% 71.81%); +$N2256: rgb(14.62% 51.03% 60.52%); +$N2257: rgb(16.32% 42.29% 49.6%); +$N2258: rgb(16.45% 33.86% 39.1%); +$N2259: rgb(15.45% 25.76% 29.07%); + +// Blue +// ---------------------------------------------------------------------------- + +$N2401: rgb(80.81% 90.37% 96.43%); +$N2402: rgb(67.63% 82.3% 91.25%); +$N2403: rgb(54.05% 74.36% 86.09%); +$N2404: rgb(39.41% 66.54% 80.95%); +$N2405: rgb(21.13% 58.86% 75.84%); +$N2406: rgb(21.23% 50.06% 63.78%); +$N2407: rgb(20.47% 41.53% 52.13%); +$N2408: rgb(18.99% 33.29% 40.93%); +$N2409: rgb(16.86% 25.38% 30.24%); + +// Azure +// ---------------------------------------------------------------------------- + +$N2551: rgb(82.88% 89.72% 97.37%); +$N2552: rgb(70.83% 81.37% 92.63%); +$N2553: rgb(58.59% 73.18% 87.89%); +$N2554: rgb(45.8% 65.15% 83.15%); +$N2555: rgb(31.59% 57.31% 78.42%); +$N2556: rgb(28.74% 48.79% 65.87%); +$N2557: rgb(25.66% 40.52% 53.74%); +$N2558: rgb(22.34% 32.55% 42.09%); +$N2559: rgb(18.78% 24.9% 30.98%); + +// Indigo +// ---------------------------------------------------------------------------- + +$N2701: rgb(85.33% 88.98% 97.72%); +$N2702: rgb(74.6% 80.3% 93.15%); +$N2703: rgb(63.83% 71.8% 88.56%); +$N2704: rgb(52.86% 63.49% 83.97%); +$N2705: rgb(41.44% 55.41% 79.36%); +$N2706: rgb(36.28% 47.24% 66.64%); +$N2707: rgb(31.16% 39.32% 54.34%); +$N2708: rgb(26.06% 31.67% 42.52%); +$N2709: rgb(20.98% 24.33% 31.26%); + +// Violet +// ---------------------------------------------------------------------------- + +$N2851: rgb(87.97% 88.21% 97.47%); +$N2852: rgb(78.61% 79.16% 92.76%); +$N2853: rgb(69.29% 70.3% 88.05%); +$N2854: rgb(59.95% 61.64% 83.34%); +$N2855: rgb(50.52% 53.22% 78.61%); +$N2856: rgb(43.45% 45.47% 66.03%); +$N2857: rgb(36.54% 37.95% 53.87%); +$N2858: rgb(29.81% 30.69% 42.19%); +$N2859: rgb(23.26% 23.71% 31.05%); + +// Magenta +// ---------------------------------------------------------------------------- + +$N3001: rgb(90.6% 87.46% 96.62%); +$N3002: rgb(82.55% 78.02% 91.51%); +$N3003: rgb(74.55% 68.78% 86.41%); +$N3004: rgb(66.58% 59.73% 81.31%); +$N3005: rgb(58.62% 50.89% 76.23%); +$N3006: rgb(49.92% 43.6% 64.1%); +$N3007: rgb(41.48% 36.53% 52.38%); +$N3008: rgb(33.31% 29.68% 41.12%); +$N3009: rgb(25.45% 23.08% 30.37%); + +// Purple +// ---------------------------------------------------------------------------- + +$N3151: rgb(93.04% 86.78% 95.24%); +$N3152: rgb(86.15% 76.99% 89.48%); +$N3153: rgb(79.26% 67.36% 83.75%); +$N3154: rgb(72.39% 57.9% 78.05%); +$N3155: rgb(65.5% 48.6% 72.39%); +$N3156: rgb(55.48% 41.79% 61%); +$N3157: rgb(45.76% 35.15% 49.99%); +$N3158: rgb(36.39% 28.71% 39.39%); +$N3159: rgb(27.4% 22.48% 29.27%); + +// Rose +// ---------------------------------------------------------------------------- + +$N3301: rgb(95.12% 86.23% 93.42%); +$N3302: rgb(89.17% 76.14% 86.8%); +$N3303: rgb(83.17% 66.18% 80.25%); +$N3304: rgb(77.1% 56.35% 73.78%); +$N3305: rgb(70.96% 46.61% 67.39%); +$N3306: rgb(59.91% 40.21% 56.95%); +$N3307: rgb(49.21% 33.97% 46.85%); +$N3308: rgb(38.89% 27.89% 37.13%); +$N3309: rgb(29.01% 21.99% 27.82%); + +// Pink +// ---------------------------------------------------------------------------- + +$N3451: rgb(96.72% 85.86% 91.28%); +$N3452: rgb(91.46% 75.55% 83.66%); +$N3453: rgb(86.07% 65.37% 76.17%); +$N3454: rgb(80.54% 55.26% 68.8%); +$N3455: rgb(74.87% 45.18% 61.56%); +$N3456: rgb(63.1% 39.09% 52.23%); +$N3457: rgb(51.7% 33.13% 43.19%); +$N3458: rgb(40.72% 27.32% 34.48%); +$N3459: rgb(30.2% 21.65% 26.13%); + +// Red +// ---------------------------------------------------------------------------- + +$N3601: rgb(97.75% 85.69% 88.98%); +$N3602: rgb(92.9% 75.29% 80.28%); +$N3603: rgb(87.85% 65% 71.76%); +$N3604: rgb(82.6% 54.78% 63.43%); +$N3605: rgb(77.13% 44.54% 55.3%); +$N3606: rgb(64.96% 38.59% 47.16%); +$N3607: rgb(53.17% 32.76% 39.26%); +$N3608: rgb(41.81% 27.06% 31.63%); +$N3609: rgb(30.93% 21.49% 24.31%); +