Skip to content

Instantly share code, notes, and snippets.

@Meshiest

Meshiest/palette.html

Last active January 3, 2021 05:42
Show Gist options
  • Save Meshiest/5464762236917d008038ac43439d246c to your computer and use it in GitHub Desktop.
Save Meshiest/5464762236917d008038ac43439d246c to your computer and use it in GitHub Desktop.
Download ZIP
palette visualizer
Raw
palette.html
<!-- cake's absolutely cursed you-shouldnt-write-html-like-this palette previewer -->
<!-- Palette size is capped at 12 per column -->
<style>
body {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
align-content: flex-start;
margin: 10px;
}
* {
white-space: nowrap;
}
column {
display: flex;
flex-direction: column;
}
palette {
display: inline-flex;
cursor: pointer;
}
palette.selected {
order: 0;
padding-top: 50px;
width: 100%;
min-height: 450px;
}
palette:not(.selected) {
order: 1;
padding-top: 20px;
margin: 14px;
min-width: 50px;
}
palette:not(.selected):hover {
order: 1;
margin: 14px;
min-width: 50px;
transform: translateY(-2px);
}
palette:not(.selected):hover color {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
palette.selected color {
width: 40px; height: 40px;
margin: 5px;
border-radius: 50%;
}
palette:not(.selected) color {
width: 10px; height: 10px;
border-radius: 2px;
}
palette.selected color:hover {
transform: scale(2);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
display: flex;
align-items: center;
justify-content: center;
}
palette::before {
display: block;
content: attr(name);
position: absolute;
transform: translateY(-100%);
}
palette.selected::before {
transform: translateY(-150%);
margin-left: 4px;
font-size: 20px;
}
palette.selected::after {
display: block;
content: attr(description);
color: #222;
position: absolute;
transform: translateY(-100%);
z-index: -10;
font-size: 12px;
left: 14px;
}
palette[ok] > column > color, color[ok] {
border-radius: 4px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
[off] {
display: none;
}
palette.selected color:hover::before {
content: attr(hex);
color: #ffffff;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
font-family: monospace;
font-size: 9px;
}
palette.selected column:hover::before {
position: absolute;
content: attr(name);
color: #ffffff;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
font-family: monospace;
font-size: 20px;
align-self: center;
background-color: rgba(0, 0, 0, 0.8);
padding: 2px 4px;
border-radius: 4px;
transform: translate(-5px, -10px) rotate(-45deg) translateX(50%);
}
canvas {
}
.preview {
width: 100%;
position: relative;
}
.preview img {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.preview canvas:hover {
opacity: 0;
}
.preview:hover img {
display: block;
}
.preview .buttons {
position: absolute;
top: 0;
left: 418px;
display: flex;
flex-direction: column;
}
preset {
display: none;
}
</style>
<script>
// distance between two colors
function colorDifference([r1, g1, b1], [r2, g2, b2]) {
return Math.sqrt(
(r1 - r2) * (r1 - r2) +
(g1 - g2) * (g1 - g2) +
(b1 - b2) * (b1 - b2)
);
}
// convert srgb to linear rgb
const linearRGB = rgba =>
rgba.map((c, i) => i === 3
? c
: Math.round(((c/255) > 0.04045 ? Math.pow((c/255) * (1.0 / 1.055) + 0.0521327, 2.4 ) : (c/255) * (1.0 / 12.92))*255)
);
// convert linear rgb to srgb
const sRGB = linear =>
linear.map((c, i) => i === 3
? c
: Math.round(((c/255) > 0.0031308
? 1.055 * Math.pow((c/255), 1/2.4) - 0.055
: c / 255 * 12.92)*255)
);
// poor man's jquery
const $ = document.querySelector.bind(document);
const $$ = (q, el) => Array.from((el || document).querySelectorAll(q));
window.onload = () => {
const canvas = $('#testImg');
const parrot = $('#parrot');
const existingPreset = {};
// convert preset elements into palettes
for (const preset of $$('preset')) {
try {
const val = JSON.parse(preset.innerText);
const id = preset.getAttribute('id');
const name = preset.getAttribute('name');
existingPreset[id] = val;
// create the palette element
const palElem = document.createElement('palette');
palElem.setAttribute('ok', 'ok');
palElem.setAttribute('name', name);
palElem.setAttribute('id', id);
palElem.setAttribute('description', val.data.description);
// add columns
for (const group of val.data.groups) {
const groupElem = document.createElement('column');
groupElem.setAttribute('name', group.name);
// add colors (convert from linear to srgb)
for (const {r: lR, g: lG, b: lB } of group.colors) {
const colorElem = document.createElement('color');
const [r, g, b] = sRGB([lR, lG, lB]);
colorElem.setAttribute('hex', `rgb(${r},${g},${b})`);
groupElem.appendChild(colorElem);
}
palElem.appendChild(groupElem);
}
preset.parentNode.replaceChild(palElem, preset);
} catch (e) {
console.warn('Error parsing', preset, e);
}
}
const ctx = canvas.getContext('2d');
canvas.style.width = parrot.width + 'px';
canvas.style.height = parrot.height + 'px';
ctx.canvas.width = parrot.width;
ctx.canvas.height = parrot.height;
const palettes = Object.fromEntries($$('palette').map(p => [
p.getAttribute('id'), {
// generate the preset file
formatVersion: '1',
presetVersion: '1',
type: 'ColorPalette',
data: {
description: p.getAttribute('description'),
// populate columns
groups: $$('column', p).map((c, columnIndex) => {
if (!c.getAttribute('name'))
c.setAttribute('name', 'Col ' + (columnIndex + 1));
// convert colors to linear rgb from whatever format is thrown in
return {
name: c.getAttribute('name'),
colors: $$('color', c).map(e => {
e.style.background = e.getAttribute('hex');
// a technique so cursed you will shit the bed (pulling rgb from hex)
let [sR, sG, sB] = e.style.background.match(/[\d\.]+/g).map(Number);
// convert to hex
const hex = [sR, sG, sB].map(i =>
i.toString(16).padStart(2, '0')).join('');
// re-set hex to remove transparency + show proper hex on hover
e.setAttribute('hex', hex);
e.style.background = '#' +hex;
// convert sRGB to linear rgb
const [r, g, b] = linearRGB([sR, sG, sB]);
return {r, g, b, a: 255};
})
};
}),
},
}]));
// insert existing presets into the palette list
Object.assign(palettes, existingPreset);
let curPal = '';
const paint = async palette => {
if (curPal === palette) return;
curPal = palette;
if (!palette) return;
$$('.selected').forEach(c => c.classList.remove('selected'));
const p = $('#' + palette);
p.classList.add('selected');
$('#download').href = 'data:text/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(palettes[palette], 0, 2));
$('#download').download = p.getAttribute('name') + '.bp';
$('#download').innerText = 'Download ' + p.getAttribute('name');
// get the colors from this palette
const colors = $$('color', p).map(c => c.style.background.match(/[\d\.]+/g).map(Number).slice(0, 3));
// render the parrot
ctx.drawImage(parrot, 0, 0, parrot.width, parrot.height);
// get the image data
const imageData = ctx.getImageData(0, 0, parrot.width, parrot.height);
const pixels = imageData.data;
// cached color match
const cache = {};
console.time('Paint');
// await this to wait for a new frame (async rendering)
const frame = () => new Promise(resolve => requestAnimationFrame(resolve));
const dithering = location.search === '?dither';
// render the preview parrot using the palette
let lastFrame = performance.now();
const { width, height } = parrot;
// iterate through pixels
for (let y = 0, i = 0; y < height; y++) {
for (let x = 0; x < width; x++, i+=4) {
// get the currnet color
const color = [pixels[i], pixels[i+1], pixels[i+2]];
// use a cached color if we haven't calculated the closest color for this pixel yet
if (!cache[color]) {
// find the closest color to the selected one
let closest = colors[0];
let dist = colorDifference(closest, color);
for (let j = 0; j < colors.length; j++) {
const dist2 = colorDifference(colors[j], color);
if (dist > dist2) {
closest = colors[j];
dist = dist2;
}
}
cache[color] = closest;
}
// update the image data for the canvas
pixels[i] = cache[color][0];
pixels[i+1] = cache[color][1];
pixels[i+2] = cache[color][2];
// if dithering is enabled, use Floyd-Steinberg dithering: https://en.wikipedia.org/wiki/Floyd%E2%80%93Steinberg_dithering
// this modifies future pixels by adding "diffusion" or the error from the
// current pixel's color correction
if (dithering) {
const quant_error = color.map((c, j) => c - cache[color][j]);
for (let j = 0; j < 3; j++) {
if (x < width - 1)
pixels[i + ((x + 1)+(y )*width)*4 + j] += Math.round(quant_error[j] * 7 / 16)
if (x > 0)
pixels[i + ((x - 1)+(y + 1)*width)*4 + j] += Math.round(quant_error[j] * 3 / 16)
if (y < height - 1)
pixels[i + ((x )+(y + 1)*width)*4 + j] += Math.round(quant_error[j] * 5 / 16)
if (y < height - 1 && x < width - 1)
pixels[i + ((x + 1)+(y + 1)*width)*4 + j] += Math.round(quant_error[j] * 1 / 16)
}
}
}
// if more than 10MS have passed, render the image and wait for the next frame
if (performance.now() - lastFrame > 10) {
if (curPal !== palette) return;
ctx.putImageData(imageData, 0, 0);
// this will stop the website from freezing up for hundreds of milliseconds
await frame();
lastFrame = performance.now();
}
}
// render final image
ctx.putImageData(imageData, 0, 0);
console.timeEnd('Paint');
};
// paint the current image
paint(location.hash.replace(/^#/, ''));
// when the dither link is clicked, toggle dithering
$('#ditherLink').onclick = () => {
location.search = location.search === '?dither' ? '' : 'dither';
}
// update dither link based on current settings
$('#ditherLink').innerText = (location.search === '?dither' ? 'Disable' : 'Enable') + ' Dither';
// every palette is clickable
$$('palette').forEach(p => {
p.onclick = () => {
const id = p.getAttribute('id');
paint(id);
location.hash = id;
}
});
// when you use the back button, render the last canvas
window.addEventListener('popstate', () => {
paint(location.hash.replace(/^#/, ''));
});
}
</script>
<div class="preview">
<!-- parrot color test image, you can hover over this to see the original -->
<canvas id="testImg"></canvas>
<img id="parrot" crossorigin="anonymous" src="https://i.imgur.com/zvWTirj.png">
<!-- dither and download buttons -->
<div class="buttons">
<a href="#" id="ditherLink">Enable Dither</a>
<a id="download"></a>
</div>
</div>
<palette ok name="Awesome" id="awesome" description="Imported from BL Colorset">
<column name="Standards">
<color hex="rgba(140,0,0,1.0)"></color>
<color hex="rgba(229,0,0,1.0)"></color>
<color hex="rgba(255,175,0,1.0)"></color>
<color hex="rgba(245,230,0,1.0)"></color>
<color hex="rgba(24,237,0,1.0)"></color>
<color hex="rgba(0,127,63,1.0)"></color>
<color hex="rgba(57,180,74,1.0)"></color>
<color hex="rgba(0,30,190,1.0)"></color>
<color hex="rgba(146,0,255,1.0)"></color>
</column>
<column name="Bolds">
<color hex="rgba(230,87,20,1.0)"></color>
<color hex="rgba(191,46,123,1.0)"></color>
<color hex="rgba(99,0,30,1.0)"></color>
<color hex="rgba(105,0,165,1.0)"></color>
<color hex="rgba(34,69,69,1.0)"></color>
<color hex="rgba(20,80,45,1.0)"></color>
<color hex="rgba(0,36,85,1.0)"></color>
<color hex="rgba(27,117,196,1.0)"></color>
<color hex="rgba(255,255,255,0.25098039215686274)"></color>
</column>
<column name="Softs">
<color hex="rgba(236,131,173,1.0)"></color>
<color hex="rgba(255,154,108,1.0)"></color>
<color hex="rgba(200,235,125,1.0)"></color>
<color hex="rgba(138,178,141,1.0)"></color>
<color hex="rgba(85,175,205,1.0)"></color>
<color hex="rgba(0,255,212,1.0)"></color>
<color hex="rgba(143,237,245,1.0)"></color>
<color hex="rgba(178,169,231,1.0)"></color>
<color hex="rgba(224,143,244,1.0)"></color>
</column>
<column name="Transparents">
<color hex="rgba(170,0,0,0.6980392156862745)"></color>
<color hex="rgba(255,127,0,0.6980392156862745)"></color>
<color hex="rgba(252,244,0,0.6980392156862745)"></color>
<color hex="rgba(0,120,49,0.6980392156862745)"></color>
<color hex="rgba(0,51,163,0.6980392156862745)"></color>
<color hex="rgba(152,41,100,0.6980392156862745)"></color>
<color hex="rgba(140,178,255,0.6980392156862745)"></color>
<color hex="rgba(216,216,216,0.6980392156862745)"></color>
<color hex="rgba(25,25,25,0.6980392156862745)"></color>
</column>
<column name="Spills">
<color hex="rgba(166,65,65,1.0)"></color>
<color hex="rgba(231,193,110,1.0)"></color>
<color hex="rgba(77,109,38,1.0)"></color>
<color hex="rgba(105,145,170,1.0)"></color>
<color hex="rgba(24,237,0,0.6980392156862745)"></color>
<color hex="rgba(55,80,25,0.9215686274509803)"></color>
<color hex="rgba(27,117,196,0.6980392156862745)"></color>
<color hex="rgba(0,36,85,0.9215686274509803)"></color>
<color hex="rgba(80,60,30,0.9215686274509803)"></color>
</column>
<column name="Greyscales">
<color hex="rgba(255,255,255,1.0)"></color>
<color hex="rgba(229,229,229,1.0)"></color>
<color hex="rgba(191,191,191,1.0)"></color>
<color hex="rgba(159,159,159,1.0)"></color>
<color hex="rgba(127,127,127,1.0)"></color>
<color hex="rgba(89,89,89,1.0)"></color>
<color hex="rgba(51,51,51,1.0)"></color>
<color hex="rgba(25,25,25,1.0)"></color>
<color hex="rgba(0,0,0,1.0)"></color>
</column>
<column name="Browns">
<color hex="rgba(244,224,200,1.0)"></color>
<color hex="rgba(255,232,191,1.0)"></color>
<color hex="rgba(255,224,156,1.0)"></color>
<color hex="rgba(229,175,121,1.0)"></color>
<color hex="rgba(182,116,69,1.0)"></color>
<color hex="rgba(155,75,35,1.0)"></color>
<color hex="rgba(100,50,0,1.0)"></color>
<color hex="rgba(55,25,0,1.0)"></color>
<color hex="rgba(30,15,0,1.0)"></color>
</column>
</palette>
<palette ok name="Naturals" id="natural" description="Imported from BL Colorset">
<column name="ROY">
<color hex="rgba(125,17,10,1.0)"></color>
<color hex="rgba(197,18,15,1.0)"></color>
<color hex="rgba(232,136,129,1.0)"></color>
<color hex="rgba(183,62,0,1.0)"></color>
<color hex="rgba(232,115,0,1.0)"></color>
<color hex="rgba(232,166,122,1.0)"></color>
<color hex="rgba(165,132,0,1.0)"></color>
<color hex="rgba(255,212,0,1.0)"></color>
<color hex="rgba(234,220,152,1.0)"></color>
</column>
<column name="GBP">
<color hex="rgba(28,90,17,1.0)"></color>
<color hex="rgba(0,153,69,1.0)"></color>
<color hex="rgba(181,212,154,1.0)"></color>
<color hex="rgba(28,56,98,1.0)"></color>
<color hex="rgba(54,107,173,1.0)"></color>
<color hex="rgba(170,180,205,1.0)"></color>
<color hex="rgba(78,25,100,1.0)"></color>
<color hex="rgba(212,68,120,1.0)"></color>
<color hex="rgba(232,171,173,1.0)"></color>
</column>
<column name="Nature">
<color hex="rgba(35,69,25,1.0)"></color>
<color hex="rgba(117,154,68,1.0)"></color>
<color hex="rgba(0,79,61,1.0)"></color>
<color hex="rgba(51,113,83,1.0)"></color>
<color hex="rgba(69,105,69,1.0)"></color>
<color hex="rgba(100,132,76,1.0)"></color>
<color hex="rgba(42,100,122,1.0)"></color>
<color hex="rgba(93,151,168,1.0)"></color>
<color hex="rgba(130,171,175,1.0)"></color>
</column>
<column name="Brick">
<color hex="rgba(78,72,66,1.0)"></color>
<color hex="rgba(104,95,88,1.0)"></color>
<color hex="rgba(130,121,111,1.0)"></color>
<color hex="rgba(156,145,133,1.0)"></color>
<color hex="rgba(182,169,156,1.0)"></color>
<color hex="rgba(115,57,46,1.0)"></color>
<color hex="rgba(153,77,61,1.0)"></color>
<color hex="rgba(140,105,70,1.0)"></color>
<color hex="rgba(191,143,96,1.0)"></color>
</column>
<column name="Browns">
<color hex="rgba(245,220,196,1.0)"></color>
<color hex="rgba(223,192,162,1.0)"></color>
<color hex="rgba(186,154,126,1.0)"></color>
<color hex="rgba(137,110,85,1.0)"></color>
<color hex="rgba(107,79,54,1.0)"></color>
<color hex="rgba(68,43,23,1.0)"></color>
<color hex="rgba(48,30,14,1.0)"></color>
<color hex="rgba(81,39,4,1.0)"></color>
<color hex="rgba(109,61,19,1.0)"></color>
</column>
<column name="Greys">
<color hex="rgba(242,242,242,1.0)"></color>
<color hex="rgba(217,217,217,1.0)"></color>
<color hex="rgba(178,178,178,1.0)"></color>
<color hex="rgba(135,135,135,1.0)"></color>
<color hex="rgba(104,104,104,1.0)"></color>
<color hex="rgba(68,68,68,1.0)"></color>
<color hex="rgba(40,40,40,1.0)"></color>
<color hex="rgba(30,30,30,1.0)"></color>
<color hex="rgba(20,20,20,1.0)"></color>
</column>
<column name="Glass & Dirt">
<color hex="rgba(255,255,255,0.0)"></color>
<color hex="rgba(230,234,255,0.6274509803921569)"></color>
<color hex="rgba(177,214,255,0.6274509803921569)"></color>
<color hex="rgba(219,106,104,0.6274509803921569)"></color>
<color hex="rgba(134,185,98,0.6274509803921569)"></color>
<color hex="rgba(238,154,95,0.6274509803921569)"></color>
<color hex="rgba(178,150,126,1.0)"></color>
<color hex="rgba(124,106,87,1.0)"></color>
<color hex="rgba(77,65,54,1.0)"></color>
</column>
</palette>
<palette ok name="Trueno's" id="truenos" description="Imported from BL Colorset">
<column name="Standard">
<color hex="rgba(255,0,0,1.0)"></color>
<color hex="rgba(255,36,0,1.0)"></color>
<color hex="rgba(255,127,0,1.0)"></color>
<color hex="rgba(255,255,0,1.0)"></color>
<color hex="rgba(0,200,0,1.0)"></color>
<color hex="rgba(0,255,255,1.0)"></color>
<color hex="rgba(0,127,255,1.0)"></color>
<color hex="rgba(0,0,255,1.0)"></color>
<color hex="rgba(255,255,255,0.25098039215686274)"></color>
</column>
<column name="Softs">
<color hex="rgba(244,224,200,1.0)"></color>
<color hex="rgba(200,235,125,1.0)"></color>
<color hex="rgba(138,178,141,1.0)"></color>
<color hex="rgba(112,128,144,1.0)"></color>
<color hex="rgba(178,169,231,1.0)"></color>
<color hex="rgba(224,143,244,1.0)"></color>
<color hex="rgba(236,131,173,1.0)"></color>
<color hex="rgba(255,154,108,1.0)"></color>
<color hex="rgba(255,215,99,1.0)"></color>
</column>
<column name="Specials 1">
<color hex="rgba(180,34,34,1.0)"></color>
<color hex="rgba(128,0,0,1.0)"></color>
<color hex="rgba(190,190,225,1.0)"></color>
<color hex="rgba(61,89,171,1.0)"></color>
<color hex="rgba(0,36,85,1.0)"></color>
<color hex="rgba(0,129,59,1.0)"></color>
<color hex="rgba(110,139,61,1.0)"></color>
<color hex="rgba(34,69,69,1.0)"></color>
<color hex="rgba(75,0,130,0.6980392156862745)"></color>
</column>
<column name="Specials 2">
<color hex="rgba(255,231,186,1.0)"></color>
<color hex="rgba(210,180,140,1.0)"></color>
<color hex="rgba(218,165,32,1.0)"></color>
<color hex="rgba(139,90,0,1.0)"></color>
<color hex="rgba(101,90,78,1.0)"></color>
<color hex="rgba(139,125,107,1.0)"></color>
<color hex="rgba(255,0,128,1.0)"></color>
<color hex="rgba(128,0,128,1.0)"></color>
<color hex="rgba(75,0,130,1.0)"></color>
</column>
<column name="Greyscale">
<color hex="rgba(249,249,249,1.0)"></color>
<color hex="rgba(213,204,197,1.0)"></color>
<color hex="rgba(186,184,180,1.0)"></color>
<color hex="rgba(167,164,160,1.0)"></color>
<color hex="rgba(135,131,126,1.0)"></color>
<color hex="rgba(105,101,97,1.0)"></color>
<color hex="rgba(66,64,62,1.0)"></color>
<color hex="rgba(21,20,19,1.0)"></color>
<color hex="rgba(66,64,62,0.6980392156862745)"></color>
</column>
<column name="Browns">
<color hex="rgba(205,170,125,1.0)"></color>
<color hex="rgba(190,150,92,1.0)"></color>
<color hex="rgba(186,138,67,1.0)"></color>
<color hex="rgba(136,101,49,1.0)"></color>
<color hex="rgba(116,81,29,1.0)"></color>
<color hex="rgba(81,61,30,1.0)"></color>
<color hex="rgba(107,66,38,1.0)"></color>
<color hex="rgba(100,50,0,1.0)"></color>
<color hex="rgba(149,79,10,1.0)"></color>
</column>
</palette>
<palette ok id="blockland" name="Blockland" description="Blockland default colorset">
<column name="Standard">
<color hex="rgba(229,0,0,1.0)"></color>
<color hex="rgba(229,229,0,1.0)"></color>
<color hex="rgba(0,127,63,1.0)"></color>
<color hex="rgba(51,0,204,1.0)"></color>
<color hex="rgba(229,229,229,1.0)"></color>
<color hex="rgba(191,191,191,1.0)"></color>
<color hex="rgba(127,127,127,1.0)"></color>
<color hex="rgba(51,51,51,1.0)"></color>
<color hex="rgba(100,50,0,1.0)"></color>
</column>
<column name="Bold">
<color hex="rgba(230,87,20,1.0)"></color>
<color hex="rgba(191,46,123,1.0)"></color>
<color hex="rgba(99,0,30,1.0)"></color>
<color hex="rgba(34,69,69,1.0)"></color>
<color hex="rgba(0,36,85,1.0)"></color>
<color hex="rgba(27,117,196,1.0)"></color>
<color hex="rgba(255,255,255,1.0)"></color>
<color hex="rgba(20,20,20,1.0)"></color>
<color hex="rgba(255,255,255,0.25098039215686274)"></color>
</column>
<column name="Soft">
<color hex="rgba(236,131,173,1.0)"></color>
<color hex="rgba(255,154,108,1.0)"></color>
<color hex="rgba(255,224,156,1.0)"></color>
<color hex="rgba(244,224,200,1.0)"></color>
<color hex="rgba(200,235,125,1.0)"></color>
<color hex="rgba(138,178,141,1.0)"></color>
<color hex="rgba(143,237,245,1.0)"></color>
<color hex="rgba(178,169,231,1.0)"></color>
<color hex="rgba(224,143,244,1.0)"></color>
</column>
<column name="Transparent">
<color hex="rgba(170,0,0,0.6980392156862745)"></color>
<color hex="rgba(255,127,0,0.6980392156862745)"></color>
<color hex="rgba(252,244,0,0.6980392156862745)"></color>
<color hex="rgba(0,120,49,0.6980392156862745)"></color>
<color hex="rgba(0,51,163,0.6980392156862745)"></color>
<color hex="rgba(152,41,100,0.6980392156862745)"></color>
<color hex="rgba(140,178,255,0.6980392156862745)"></color>
<color hex="rgba(216,216,216,0.6980392156862745)"></color>
<color hex="rgba(25,25,25,0.6980392156862745)"></color>
</column>
</palette>
<palette ok name="Rblx 2008" id="roblox2008" description="Imported from Roblox 2008 Colorset">
<column>
<color hex="#F2F3F3"></color>
<color hex="#0D69AC"></color>
<color hex="#27462D"></color>
<color hex="#6B327C"></color>
</column>
<column>
<color hex="#E5E4DF"></color>
<color hex="#008F9C"></color>
<color hex="#287F47"></color>
<color hex="#E8BAC8"></color>
</column>
<column>
<color hex="#A3A2A5"></color>
<color hex="#6E99CA"></color>
<color hex="#4B974B"></color>
<color hex="#DA867A"></color>
</column>
<column>
<color hex="#635F62"></color>
<color hex="#80BBDB"></color>
<color hex="#A4BD47"></color>
<color hex="#D7C59A"></color>
</column>
<column>
<color hex="#1B2A35"></color>
<color hex="#B4D2E4"></color>
<color hex="#A1C48C"></color>
<color hex="#957977"></color>
</column>
<column>
<color hex="#C4281C"></color>
<color hex="#74869D"></color>
<color hex="#789082"></color>
<color hex="#7C5C46"></color>
</column>
<column>
<color hex="#F5CD30"></color>
<color hex="#DA8541"></color>
<color hex="#A05F35"></color>
<color hex="#CC8E69"></color>
</column>
<column>
<color hex="#FDEA8D"></color>
<color hex="#E29B40"></color>
<color hex="#694028"></color>
<color hex="#EAB892"></color>
</column>
<column>
</column>
</palette>
<palette ok name="Rblx 2009" id="roblox2009" description="Imported from Roblox 2009 Colorset">
<column>
<color hex="#A4BD47"></color>
<color hex="#F8F8F8"></color>
<color hex="#7F8E64"></color>
<color hex="#D7C59A"></color>
<color hex="#FFCC99"></color>
<color hex="#C1BE42"></color>
<color hex="#7C5C46"></color>
<color hex="#694028"></color>
</column>
<column>
<color hex="#F5CD30"></color>
<color hex="#F2F3F3"></color>
<color hex="#E29B40"></color>
<color hex="#FDEA8D"></color>
<color hex="#FFFFCC"></color>
<color hex="#FFFF00"></color>
<color hex="#CC8E69"></color>
<color hex="#AA5500"></color>
</column>
<column>
<color hex="#DA8541"></color>
<color hex="#E5E4DF"></color>
<color hex="#EAB892"></color>
<color hex="#FFB000"></color>
<color hex="#FFC9C9"></color>
<color hex="#FFAF00"></color>
<color hex="#A05F35"></color>
<color hex="#A34B4B"></color>
</column>
<column>
<color hex="#C4281C"></color>
<color hex="#CDCDCD"></color>
<color hex="#957977"></color>
<color hex="#DA867A"></color>
<color hex="#FF66CC"></color>
<color hex="#FF0000"></color>
<color hex="#6225D1"></color>
<color hex="#AA00AA"></color>
</column>
<column>
<color hex="#6B327C"></color>
<color hex="#A3A2A5"></color>
<color hex="#8C5B9F"></color>
<color hex="#E8BAC8"></color>
<color hex="#B1A7FF"></color>
<color hex="#FF00BF"></color>
<color hex="#B480FF"></color>
<color hex="#2154B9"></color>
</column>
<column>
<color hex="#0D69AC"></color>
<color hex="#635F62"></color>
<color hex="#74869D"></color>
<color hex="#80BBDB"></color>
<color hex="#AFDDFF"></color>
<color hex="#0000FF"></color>
<color hex="#04AFEC"></color>
<color hex="#002060"></color>
</column>
<column>
<color hex="#008F9C"></color>
<color hex="#1B2A35"></color>
<color hex="#6E99CA"></color>
<color hex="#12EED4"></color>
<color hex="#9FF3E9"></color>
<color hex="#00FFFF"></color>
<color hex="#B4D2E4"></color>
<color hex="#287F47"></color>
</column>
<column>
<color hex="#4B974B"></color>
<color hex="#111111"></color>
<color hex="#789082"></color>
<color hex="#A1C48C"></color>
<color hex="#CCFFCC"></color>
<color hex="#00FF00"></color>
<color hex="#3A7D15"></color>
<color hex="#27462D"></color>
</column>
</palette>
<palette ok name="Mack's Aesthetic" id="FantasyConsole" description="A blend of nice colors based originally on Fantasy Consoles">
<column name="Shades">
<color hex="#ffffff"></color>
<color hex="#c7c7c7"></color>
<color hex="#7c7c7c"></color>
<color hex="#3b3b3b"></color>
<color hex="#202020"></color>
<color hex="#959595"></color>
<color hex="#686868"></color>
<color hex="#3d3d3d"></color>
<color hex="#2c2c2c"></color>
<color hex="#000000"></color>
</column>
<column name="Browns">
<color hex="#ffe6e6"></color>
<color hex="#f89999"></color>
<color hex="#c85449"></color>
<color hex="#7f2513"></color>
<color hex="#591600"></color>
<color hex="#7d5757"></color>
<color hex="#663d3d"></color>
<color hex="#532b32"></color>
<color hex="#431f2c"></color>
<color hex="#261124"></color>
</column>
<column name="Yellows">
<color hex="#ffe2d4"></color>
<color hex="#e9a582"></color>
<color hex="#b5603e"></color>
<color hex="#7f3213"></color>
<color hex="#591b00"></color>
<color hex="#ffdb3c"></color>
<color hex="#ffa019"></color>
<color hex="#e45c10"></color>
<color hex="#dc3400"></color>
<color hex="#931b2f"></color>
</column>
<column name="Limes">
<color hex="#d4ffda"></color>
<color hex="#a0e999"></color>
<color hex="#72b550"></color>
<color hex="#4f7f2c"></color>
<color hex="#435916"></color>
<color hex="#47ff59"></color>
<color hex="#24d52d"></color>
<color hex="#47a41f"></color>
<color hex="#437319"></color>
<color hex="#34440d"></color>
</column>
<column name="Greens">
<color hex="#d4ffd4"></color>
<color hex="#99e9a6"></color>
<color hex="#50b574"></color>
<color hex="#2c7f5d"></color>
<color hex="#165952"></color>
<color hex="#4ccd27"></color>
<color hex="#00a800"></color>
<color hex="#047538"></color>
<color hex="#01533c"></color>
<color hex="#063d32"></color>
</column>
<column name="Blues">
<color hex="#87c7ff"></color>
<color hex="#6091dc"></color>
<color hex="#4066af"></color>
<color hex="#3a4a97"></color>
<color hex="#2f3073"></color>
<color hex="#39b3a0"></color>
<color hex="#008888"></color>
<color hex="#224e5c"></color>
<color hex="#223c5c"></color>
<color hex="#1b2152"></color>
</column>
<column name="Purples">
<color hex="#d4d4ff"></color>
<color hex="#a699e9"></color>
<color hex="#7450b5"></color>
<color hex="#5d2c7f"></color>
<color hex="#461659"></color>
<color hex="#40d9ff"></color>
<color hex="#2499d3"></color>
<color hex="#2a58d3"></color>
<color hex="#4330c8"></color>
<color hex="#4b1fa0"></color>
</column>
<column name="Pinks">
<color hex="#ffd4d4"></color>
<color hex="#e999a6"></color>
<color hex="#b55074"></color>
<color hex="#7f2c5d"></color>
<color hex="#591646"></color>
<color hex="#ff7ebf"></color>
<color hex="#f5587e"></color>
<color hex="#e23540"></color>
<color hex="#b72b1b"></color>
<color hex="#862d11"></color>
</column>
</palette>
<preset id="LEGO2016" name="LEGO">{"formatVersion": "1","presetVersion": "1","type": "ColorPalette","data": {"description": "Official LEGO palette showing all in-production LEGO colors from 2016","groups": [{"name": "Greyscale","colors": [{"r": 231,"g": 231,"b": 231,"a": 255},{"r": 90,"g": 91,"b": 88,"a": 255},{"r": 62,"g": 68,"b": 70,"a": 255},{"r": 32,"g": 35,"b": 33,"a": 255},{"r": 14,"g": 14,"b": 12,"a": 255},{"r": 0,"g": 0,"b": 0,"a": 255}]},{"name": "Red","colors": [{"r": 54,"g": 2,"b": 3,"a": 255},{"r": 184,"g": 3,"b": 4,"a": 255},{"r": 233,"g": 52,"b": 4,"a": 255},{"r": 246,"g": 104,"b": 2,"a": 255},{"r": 255,"g": 156,"b": 0,"a": 255},{"r": 255,"g": 233,"b": 49,"a": 255}]},{"name": "Blue","colors": [{"r": 0,"g": 10,"b": 29,"a": 255},{"r": 0,"g": 93,"b": 179,"a": 255},{"r": 48,"g": 133,"b": 210,"a": 255},{"r": 0,"g": 38,"b": 121,"a": 255},{"r": 17,"g": 87,"b": 157,"a": 255},{"r": 0,"g": 131,"b": 166,"a": 255},{"r": 35,"g": 57,"b": 79,"a": 255},{"r": 136,"g": 198,"b": 179,"a": 255}]},{"name": "Purple","colors": [{"r": 18,"g": 7,"b": 73,"a": 255},{"r": 78,"g": 45,"b": 116,"a": 255},{"r": 128,"g": 97,"b": 161,"a": 255},{"r": 118,"g": 3,"b": 52,"a": 255},{"r": 208,"g": 28,"b": 92,"a": 255},{"r": 235,"g": 107,"b": 156,"a": 255}]},{"name": "Green","colors": [{"r": 0,"g": 17,"b": 7,"a": 255},{"r": 0,"g": 73,"b": 16,"a": 255},{"r": 41,"g": 76,"b": 50,"a": 255},{"r": 0,"g": 109,"b": 19,"a": 255},{"r": 82,"g": 151,"b": 12,"a": 255},{"r": 57,"g": 58,"b": 22,"a": 255},{"r": 154,"g": 192,"b": 79,"a": 255},{"r": 202,"g": 216,"b": 159,"a": 255}]},{"name": "Brown","colors": [{"r": 11,"g": 2,"b": 1,"a": 255},{"r": 36,"g": 7,"b": 2,"a": 255},{"r": 139,"g": 79,"b": 10,"a": 255},{"r": 97,"g": 22,"b": 4,"a": 255},{"r": 109,"g": 45,"b": 16,"a": 255},{"r": 186,"g": 66,"b": 29,"a": 255},{"r": 76,"g": 53,"b": 29,"a": 255},{"r": 184,"g": 141,"b": 69,"a": 255},{"r": 248,"g": 139,"b": 87,"a": 255}]}]}}</preset>
<palette ok id="sampler" name="Sampler" description="NTSC Format">
<column name="Grey">
<color hex="#fff"></color>
<color hex="#ececec"></color>
<color hex="#dcdcdc"></color>
<color hex="#c8c8c8"></color>
<color hex="#b0b0b0"></color>
<color hex="#909090"></color>
<color hex="#6c6c6c"></color>
<color hex="#404040"></color>
<color hex="#000"></color>
</column>
<column name="Yellow">
<color hex="#fcfc68"></color>
<color hex="#e8e85c"></color>
<color hex="#d0d050"></color>
<color hex="#b8b840"></color>
<color hex="#a0a034"></color>
<color hex="#848424"></color>
<color hex="#646410"></color>
<color hex="#440"></color>
</column>
<column name="Orange">
<color hex="#ecc878"></color>
<color hex="#dcb468"></color>
<color hex="#cca05c"></color>
<color hex="#bc8c4c"></color>
<color hex="#ac783c"></color>
<color hex="#985c28"></color>
<color hex="#844414"></color>
<color hex="#702800"></color>
</column>
<column name="Peach">
<color hex="#fcbc94"></color>
<color hex="#eca880"></color>
<color hex="#e09470"></color>
<color hex="#d0805c"></color>
<color hex="#c06848"></color>
<color hex="#ac5030"></color>
<color hex="#983418"></color>
<color hex="#841800"></color>
</column>
<column name="Red">
<color hex="#fcb4b4"></color>
<color hex="#eca0a0"></color>
<color hex="#e08888"></color>
<color hex="#d07070"></color>
<color hex="#c05858"></color>
<color hex="#b03c3c"></color>
<color hex="#9c2020"></color>
<color hex="#880000"></color>
</column>
<column name="Magenta">
<color hex="#ecb0e0"></color>
<color hex="#dc9cd0"></color>
<color hex="#d084c0"></color>
<color hex="#c070b0"></color>
<color hex="#b0589c"></color>
<color hex="#a03c88"></color>
<color hex="#8c2074"></color>
<color hex="#78005c"></color>
</column>
<column name="Purple">
<color hex="#d4b0fc"></color>
<color hex="#c49cec"></color>
<color hex="#b484dc"></color>
<color hex="#a070cc"></color>
<color hex="#8c58b8"></color>
<color hex="#783ca4"></color>
<color hex="#602090"></color>
<color hex="#480078"></color>
</column>
<column name="Violet">
<color hex="#bcb4fc"></color>
<color hex="#a8a0ec"></color>
<color hex="#9488e0"></color>
<color hex="#7c70d0"></color>
<color hex="#6858c0"></color>
<color hex="#4c3cac"></color>
<color hex="#302098"></color>
<color hex="#140084"></color>
</column>
<column name="Blue">
<color hex="#a4b8fc"></color>
<color hex="#90a4ec"></color>
<color hex="#7c8ce0"></color>
<color hex="#6874d0"></color>
<color hex="#505cc0"></color>
<color hex="#3840b0"></color>
<color hex="#1c209c"></color>
<color hex="#000088"></color>
</column>
<column name="Greenish Blue">
<color hex="#a4c8fc"></color>
<color hex="#90b4ec"></color>
<color hex="#7c9cdc"></color>
<color hex="#6888cc"></color>
<color hex="#5070bc"></color>
<color hex="#3854a8"></color>
<color hex="#1c3890"></color>
<color hex="#00187c"></color>
</column>
<column name="Aqua">
<color hex="#a4e0fc"></color>
<color hex="#90cce8"></color>
<color hex="#7cb4d4"></color>
<color hex="#689cc0"></color>
<color hex="#5084ac"></color>
<color hex="#386890"></color>
<color hex="#1c4c78"></color>
<color hex="#002c5c"></color>
</column>
<column name="Mint">
<color hex="#a4fcd4"></color>
<color hex="#90e4c0"></color>
<color hex="#7cd0ac"></color>
<color hex="#68b494"></color>
<color hex="#509c80"></color>
<color hex="#387c64"></color>
<color hex="#1c5c48"></color>
<color hex="#003c2c"></color>
</column>
<column name="Light Green">
<color hex="#b8fcb8"></color>
<color hex="#a4e4a4"></color>
<color hex="#8cd08c"></color>
<color hex="#74b474"></color>
<color hex="#5c9c5c"></color>
<color hex="#407c40"></color>
<color hex="#205c20"></color>
<color hex="#003c00"></color>
</column>
<column name="Green">
<color hex="#c8fca4"></color>
<color hex="#b4e490"></color>
<color hex="#9ccc7c"></color>
<color hex="#84b468"></color>
<color hex="#6c9850"></color>
<color hex="#507c38"></color>
<color hex="#345c1c"></color>
<color hex="#143800"></color>
</column>
<column name="Stale">
<color hex="#e0ec9c"></color>
<color hex="#ccd488"></color>
<color hex="#b4c078"></color>
<color hex="#9ca864"></color>
<color hex="#848c4c"></color>
<color hex="#687034"></color>
<color hex="#4c501c"></color>
<color hex="#2c3000"></color>
</column>
<column name="Brownish">
<color hex="#fce08c"></color>
<color hex="#e8cc7c"></color>
<color hex="#d0b46c"></color>
<color hex="#b89c58"></color>
<color hex="#a08444"></color>
<color hex="#846830"></color>
<color hex="#644818"></color>
<color hex="#442800"></color>
</column>
</palette>
<palette ok name="NES" id="nes" description="Based on the Nintendulator NTSC NES palette">
<column name="Greyscale">
<color hex="#FFFFFF"></color>
<color hex="#B7B7B7"></color>
<color hex="#AEAEAE"></color>
<color hex="#656565"></color>
<color hex="#4E4E4E"></color>
<color hex="#000000"></color>
</column>
<column name="Blue 1">
<color hex="#002B9B"></color>
<color hex="#0761F5"></color>
<color hex="#56B1FF"></color>
<color hex="#BADFFF"></color>
</column>
<column name="Blue 2">
<color hex="#110EC0"></color>
<color hex="#3E3BFF"></color>
<color hex="#8E8BFF"></color>
<color hex="#D1D0FF"></color>
</column>
<column name="Indigo">
<color hex="#3F00BC"></color>
<color hex="#7C1DFF"></color>
<color hex="#CC6CFF"></color>
<color hex="#EBC3FF"></color>
</column>
<column name="Purple">
<color hex="#66008F"></color>
<color hex="#AF0EE5"></color>
<color hex="#FF5DFF"></color>
<color hex="#FFBDFF"></color>
</column>
<column name="Amethyst">
<color hex="#7B0045"></color>
<color hex="#CB1383"></color>
<color hex="#FF62D4"></color>
<color hex="#FFBFEE"></color>
</column>
<column name="Red">
<color hex="#790100"></color>
<color hex="#C82A15"></color>
<color hex="#FF7964"></color>
<color hex="#FFC8C0"></color>
</column>
<column name="Orange">
<color hex="#601C00"></color>
<color hex="#A74D00"></color>
<color hex="#F89D06"></color>
<color hex="#FCD799"></color>
</column>
<column name="Green 1">
<color hex="#363800"></color>
<color hex="#6F7200"></color>
<color hex="#C0C300"></color>
<color hex="#E5E784"></color>
</column>
<column name="Green 2">
<color hex="#084F00"></color>
<color hex="#329100"></color>
<color hex="#81E200"></color>
<color hex="#CCF387"></color>
</column>
<column name="Green 3">
<color hex="#005A00"></color>
<color hex="#009F00"></color>
<color hex="#4DF116"></color>
<color hex="#B6F9A0"></color>
</column>
<column name="Green 4">
<color hex="#005702"></color>
<color hex="#009B2A"></color>
<color hex="#30EC7A"></color>
<color hex="#AAF8C9"></color>
</column>
<column name="Cyan">
<color hex="#004555"></color>
<color hex="#008498"></color>
<color hex="#34D5EA"></color>
<color hex="#ACEEF7"></color>
</column>
</palette>
<palette ok id="SECAM" name="SECAM" description="The SECAM palette is 3-bit RGB. Use only to terrorize your players">
<column name="Colors">
<color hex="#000"></color>
<color hex="#0000ff"></color>
<color hex="#ff0000"></color>
<color hex="#ff00ff"></color>
<color hex="#00ff00"></color>
<color hex="#00ffff"></color>
<color hex="#ffff00"></color>
<color hex="#fff"></color>
</column>
</palette>
<palette ok id="gameboy" name="Game Boy" description="Original gameboy monochrome 4-shade palette. The non-backlit LCDs were greenscale">
<column name="Bits">
<color hex="#a0cf0a"></color>
<color hex="#8cbf0a"></color>
<color hex="#2e7320"></color>
<color hex="#003f00"></color>
</column>
</palette>
<palette ok name="Windows" id="windows" description="Windows original palette (Not Paint)">
<column name="Greyscale">
<color hex="#fff"></color>
<color hex="#c0c0c0"></color>
<color hex="#a0a0a4"></color>
<color hex="#808080"></color>
<color hex="#000"></color>
</column>
<column name="Bold">
<color hex="#f00"></color>
<color hex="#ff0"></color>
<color hex="#0f0"></color>
<color hex="#0ff"></color>
<color hex="#00f"></color>
<color hex="#f0f"></color>
</column>
<column name="Dark">
<color hex="#800000"></color>
<color hex="#808000"></color>
<color hex="#008000"></color>
<color hex="#008080"></color>
<color hex="#000080"></color>
<color hex="#800080"></color>
</column>
<column name="Why">
<color hex="#fffbf0"></color>
<color hex="#c0dcc0"></color>
<color hex="#a6caf0"></color>
</column>
</palette>
<palette ok name="Place" id="place" description="Colors from r/place">
<column name="Greyscale">
<color hex="#FFFFFF"></color>
<color hex="#E4E4E4"></color>
<color hex="#888888"></color>
<color hex="#222222"></color>
</column>
<column name="Colors">
<color hex="#E50000"></color>
<color hex="#E59500"></color>
<color hex="#E5D900"></color>
<color hex="#94E044"></color>
<color hex="#02BE01"></color>
<color hex="#00D3DD"></color>
<color hex="#0083C7"></color>
<color hex="#0000EA"></color>
<color hex="#820080"></color>
<color hex="#CF6EE4"></color>
<color hex="#FFA7D1"></color>
<color hex="#A06A42"></color>
</column>
</palette>
<palette ok name="cakemix" id="cakemix" description="A horrid blend of clashing flavors by cake">
<column name="Greyscale">
<color hex="#ffffff"></color>
<color hex="#c5d6d3"></color>
<color hex="#a6bab7"></color>
<color hex="#868f91"></color>
<color hex="#696f73"></color>
<color hex="#5b5d61"></color>
<color hex="#39393d"></color>
<color hex="#222124"></color>
<color hex="#000000"></color>
</column>
<column name="Pure">
<color hex="rgba(255,0,0,1.0)"></color>
<color hex="rgba(255,127,0,1.0)"></color>
<color hex="rgba(255,255,0,1.0)"></color>
<color hex="rgba(0,255,0,1.0)"></color>
<color hex="rgba(0,127,0,1.0)"></color>
<color hex="rgba(0,255,255,1.0)"></color>
<color hex="rgba(0,0,255,1.0)"></color>
<color hex="rgba(127,0,255,1.0)"></color>
<color hex="rgba(255,0,255,1.0)"></color>
</column>
<column name="Soft">
<color hex="rgba(255,127,127,1.0)"></color>
<color hex="rgba(255,191,127,1.0)"></color>
<color hex="rgba(255,255,127,1.0)"></color>
<color hex="rgba(127,255,127,1.0)"></color>
<color hex="rgba(127,191,127,1.0)"></color>
<color hex="rgba(127,255,255,1.0)"></color>
<color hex="rgba(127,127,255,1.0)"></color>
<color hex="rgba(191,127,255,1.0)"></color>
<color hex="rgba(255,127,255,1.0)"></color>
</column>
<column name="Parchment">
<color hex="rgba(244,224,200,1.0)"></color>
<color hex="#e6ceac"></color>
<color hex="#cdba94"></color>
<color hex="#bda583"></color>
<color hex="#a48d6a"></color>
<color hex="#8b7d62"></color>
<color hex="#73654a"></color>
<color hex="#524839"></color>
<color hex="#292418"></color>
</column>
<column name="Blue">
<color hex="#b6faee"></color>
<color hex="#C1D9F2"></color>
<color hex="#4bb0c2"></color>
<color hex="#3688a8"></color>
<color hex="#1d4678"></color>
<color hex="#113066"></color>
<color hex="#002060"></color>
<color hex="#1D1A59"></color>
<color hex="#0b0e4d"></color>
</column>
<column name="Green">
<color hex="#edfad2"></color>
<color hex="#d1f28a"></color>
<color hex="#a1e05a"></color>
<color hex="#6dc938"></color>
<color hex="#23a323"></color>
<color hex="#22896E"></color>
<color hex="#086935"></color>
<color hex="#003d31"></color>
<color hex="#002424"></color>
</column>
<column name="Red">
<color hex="#eefc83"></color>
<color hex="#FFE091"></color>
<color hex="#e6a23c"></color>
<color hex="#db6c30"></color>
<color hex="#DD3745"></color>
<color hex="#bd331b"></color>
<color hex="#850a0a"></color>
<color hex="#3d0115"></color>
<color hex="#240016"></color>
</column>
<column name="Purple">
<color hex="#E5E4DF"></color>
<color hex="#FFCCD0"></color>
<color hex="#FFA5D5"></color>
<color hex="#e0558d"></color>
<color hex="#bd318c"></color>
<color hex="#87147a"></color>
<color hex="#4a0a4d"></color>
<color hex="#2b0538"></color>
<color hex="#3F1F3C"></color>
</column>
<column name="Extra">
<color hex="#ffbcab"></color>
<color hex="#db8069"></color>
<color hex="#ad5e42"></color>
<color hex="#8a3f28"></color>
<color hex="#69201b"></color>
<color hex="#78FAE6"></color>
<color hex="#27D3CB"></color>
<color hex="#00AAA5"></color>
<color hex="#008782"></color>
</column>
</palette>
<palette ok name="Old Default" id="olddefault" description="Brickadia OG Palette">
<column name="Grayscale">
<color hex="rgba(255,255,255,1)"></color>
<color hex="rgba(193,193,193,1)"></color>
<color hex="rgba(159,159,159,1)"></color>
<color hex="rgba(130,130,130,1)"></color>
<color hex="rgba(104,104,104,1)"></color>
<color hex="rgba(73,73,73,1)"></color>
<color hex="rgba(42,42,42,1)"></color>
<color hex="rgba(0,0,0,1)"></color>
</column>
<column name="Plastic">
<color hex="rgba(158,38,53,1)"></color>
<color hex="rgba(246,42,42,1)"></color>
<color hex="rgba(251,146,42,1)"></color>
<color hex="rgba(246,206,42,1)"></color>
<color hex="rgba(50,194,38,1)"></color>
<color hex="rgba(34,203,213,1)"></color>
<color hex="rgba(209,104,156,1)"></color>
<color hex="rgba(160,75,128,1)"></color>
</column>
<column name="Earthy">
<color hex="rgba(83,34,13,1)"></color>
<color hex="rgba(121,79,64,1)"></color>
<color hex="rgba(159,71,34,1)"></color>
<color hex="rgba(198,133,75,1)"></color>
<color hex="rgba(211,171,135,1)"></color>
<color hex="rgba(255,207,150,1)"></color>
<color hex="rgba(226,209,131,1)"></color>
<color hex="rgba(255,216,119,1)"></color>
</column>
<column name="Forest">
<color hex="rgba(38,75,38,1)"></color>
<color hex="rgba(38,96,22,1)"></color>
<color hex="rgba(81,105,0,1)"></color>
<color hex="rgba(0,148,0,1)"></color>
<color hex="rgba(59,127,56,1)"></color>
<color hex="rgba(140,151,61,1)"></color>
<color hex="rgba(255,199,56,1)"></color>
<color hex="rgba(175,137,38,1)"></color>
</column>
<column name="Mineral">
<color hex="rgba(56,96,114,1)"></color>
<color hex="rgba(96,109,112,1)"></color>
<color hex="rgba(144,162,165,1)"></color>
<color hex="rgba(190,214,219,1)"></color>
<color hex="rgba(152,200,209,1)"></color>
<color hex="rgba(50,181,229,1)"></color>
<color hex="rgba(0,137,184,1)"></color>
<color hex="rgba(13,102,137,1)"></color>
</column>
<column name="Transparent Plastic">
<color hex="rgba(255,66,66,0.6)"></color>
<color hex="rgba(255,231,38,0.6)"></color>
<color hex="rgba(98,198,75,0.6)"></color>
<color hex="rgba(114,191,223,0.6)"></color>
<color hex="rgba(158,38,53,0.6)"></color>
<color hex="rgba(251,146,42,0.6)"></color>
<color hex="rgba(50,114,69,0.6)"></color>
<color hex="rgba(255,255,255,0.6)"></color>
</column>
<column name="Transparent Grayscale">
<color hex="rgba(255,255,255,0.6)"></color>
<color hex="rgba(193,193,193,0.6)"></color>
<color hex="rgba(159,159,159,0.6)"></color>
<color hex="rgba(130,130,130,0.6)"></color>
<color hex="rgba(104,104,104,0.6)"></color>
<color hex="rgba(73,73,73,0.6)"></color>
<color hex="rgba(42,42,42,0.6)"></color>
<color hex="rgba(0,0,0,0.6)"></color>
</column>
</palette>
<preset id="default" name="Default">{"formatVersion":"1","presetVersion":"1","type":"ColorPalette","data":{"groups":[{"colors":[{"b":255,"g":255,"r":255,"a":255},{"b":135,"g":135,"r":135,"a":255},{"b":89,"g":89,"r":89,"a":255},{"b":56,"g":56,"r":56,"a":255},{"b":35,"g":35,"r":35,"a":255},{"b":16,"g":16,"r":16,"a":255},{"b":6,"g":6,"r":6,"a":255},{"b":0,"g":0,"r":0,"a":255}],"name":"Grayscale"},{"colors":[{"b":9,"g":5,"r":87,"a":255},{"b":6,"g":6,"r":233,"a":255},{"b":6,"g":73,"r":245,"a":255},{"b":6,"g":156,"r":233,"a":255},{"b":5,"g":138,"r":8,"a":255},{"b":170,"g":151,"r":4,"a":255},{"b":85,"g":35,"r":162,"a":255},{"b":54,"g":18,"r":90,"a":255}],"name":"Plastic"},{"colors":[{"b":1,"g":4,"r":22,"a":255},{"b":13,"g":20,"r":49,"a":255},{"b":4,"g":16,"r":89,"a":255},{"b":17,"g":59,"r":144,"a":255},{"b":61,"g":103,"r":166,"a":255},{"b":77,"g":159,"r":255,"a":255},{"b":57,"g":162,"r":193,"a":255},{"b":47,"g":175,"r":255,"a":255}],"name":"Earthy"},{"colors":[{"b":5,"g":18,"r":5,"a":255},{"b":2,"g":30,"r":5,"a":255},{"b":0,"g":36,"r":21,"a":255},{"b":0,"g":76,"r":0,"a":255},{"b":10,"g":54,"r":11,"a":255},{"b":12,"g":79,"r":66,"a":255},{"b":10,"g":145,"r":255,"a":255},{"b":5,"g":63,"r":109,"a":255}],"name":"Forest"},{"colors":[{"b":43,"g":30,"r":10,"a":255},{"b":41,"g":38,"r":30,"a":255},{"b":95,"g":92,"r":71,"a":255},{"b":180,"g":171,"r":131,"a":255},{"b":162,"g":146,"r":80,"a":255},{"b":199,"g":117,"r":8,"a":255},{"b":122,"g":64,"r":0,"a":255},{"b":63,"g":33,"r":1,"a":255}],"name":"Mineral"}],"description":"The default palette."}}</preset>
<preset id="newdefault" name="New Default">{"formatVersion":"1","presetVersion":"1","type":"ColorPalette","data":{"description":"The default palette.","groups":[{"name":"Grayscale","colors":[{"r":255,"g":255,"b":255,"a":255},{"r":184,"g":184,"b":184,"a":255},{"r":136,"g":136,"b":136,"a":255},{"r":114,"g":114,"b":114,"a":255},{"r":90,"g":90,"b":90,"a":255},{"r":57,"g":57,"b":57,"a":255},{"r":35,"g":35,"b":35,"a":255},{"r":24,"g":24,"b":24,"a":255},{"r":17,"g":17,"b":17,"a":255},{"r":6,"g":6,"b":6,"a":255},{"r":2,"g":2,"b":2,"a":255},{"r":0,"g":0,"b":0,"a":255}]},{"name":"Plastic","colors":[{"r":87,"g":5,"b":9,"a":255},{"r":235,"g":6,"b":6,"a":255},{"r":255,"g":29,"b":3,"a":255},{"r":246,"g":73,"b":6,"a":255},{"r":235,"g":157,"b":6,"a":255},{"r":61,"g":164,"b":4,"a":255},{"r":9,"g":139,"b":5,"a":255},{"r":3,"g":16,"b":255,"a":255},{"r":12,"g":244,"b":255,"a":255},{"r":163,"g":35,"b":85,"a":255},{"r":48,"g":8,"b":72,"a":255},{"r":14,"g":6,"b":49,"a":255}]},{"name":"Metallic","colors":[{"r":41,"g":25,"b":25,"a":255},{"r":96,"g":71,"b":73,"a":255},{"r":181,"g":131,"b":134,"a":255},{"r":45,"g":44,"b":27,"a":255},{"r":114,"g":109,"b":65,"a":255},{"r":144,"g":139,"b":100,"a":255},{"r":27,"g":45,"b":28,"a":255},{"r":65,"g":114,"b":68,"a":255},{"r":100,"g":144,"b":103,"a":255},{"r":30,"g":39,"b":41,"a":255},{"r":71,"g":92,"b":96,"a":255},{"r":131,"g":171,"b":181,"a":255}]},{"name":"Earthy","colors":[{"r":23,"g":5,"b":2,"a":255},{"r":50,"g":20,"b":13,"a":255},{"r":166,"g":104,"b":62,"a":255},{"r":90,"g":16,"b":5,"a":255},{"r":255,"g":121,"b":78,"a":255},{"r":77,"g":20,"b":1,"a":255},{"r":77,"g":30,"b":7,"a":255},{"r":144,"g":60,"b":18,"a":255},{"r":255,"g":159,"b":78,"a":255},{"r":21,"g":12,"b":3,"a":255},{"r":51,"g":33,"b":13,"a":255},{"r":194,"g":163,"b":58,"a":255}]},{"name":"Shades 1","colors":[{"r":19,"g":2,"b":1,"a":255},{"r":73,"g":4,"b":1,"a":255},{"r":190,"g":23,"b":18,"a":255},{"r":190,"g":59,"b":53,"a":255},{"r":109,"g":64,"b":5,"a":255},{"r":171,"g":99,"b":8,"a":255},{"r":255,"g":146,"b":11,"a":255},{"r":255,"g":175,"b":47,"a":255},{"r":22,"g":37,"b":1,"a":255},{"r":67,"g":80,"b":12,"a":255},{"r":122,"g":144,"b":30,"a":255},{"r":147,"g":212,"b":52,"a":255}]},{"name":"Shades 2","colors":[{"r":3,"g":9,"b":3,"a":255},{"r":5,"g":18,"b":5,"a":255},{"r":11,"g":54,"b":11,"a":255},{"r":23,"g":118,"b":22,"a":255},{"r":5,"g":30,"b":3,"a":255},{"r":0,"g":77,"b":0,"a":255},{"r":0,"g":124,"b":12,"a":255},{"r":13,"g":204,"b":47,"a":255},{"r":8,"g":43,"b":27,"a":255},{"r":9,"g":96,"b":53,"a":255},{"r":8,"g":146,"b":66,"a":255},{"r":41,"g":210,"b":125,"a":255}]},{"name":"Shades 3","colors":[{"r":5,"g":13,"b":17,"a":255},{"r":11,"g":30,"b":44,"a":255},{"r":80,"g":147,"b":163,"a":255},{"r":134,"g":250,"b":255,"a":255},{"r":1,"g":34,"b":64,"a":255},{"r":0,"g":65,"b":122,"a":255},{"r":8,"g":118,"b":200,"a":255},{"r":5,"g":152,"b":171,"a":255},{"r":1,"g":4,"b":44,"a":255},{"r":12,"g":25,"b":156,"a":255},{"r":37,"g":55,"b":235,"a":255},{"r":86,"g":119,"b":242,"a":255}]},{"name":"Shades 4","colors":[{"r":91,"g":18,"b":55,"a":255},{"r":255,"g":24,"b":255,"a":255},{"r":255,"g":93,"b":255,"a":255},{"r":255,"g":179,"b":255,"a":255},{"r":18,"g":0,"b":57,"a":255},{"r":55,"g":0,"b":55,"a":255},{"r":56,"g":19,"b":100,"a":255},{"r":141,"g":45,"b":255,"a":255},{"r":127,"g":0,"b":29,"a":255},{"r":255,"g":0,"b":55,"a":255},{"r":255,"g":58,"b":116,"a":255},{"r":255,"g":142,"b":183,"a":255}]}]}}</preset>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment