@mapbox/to-color

Procedurally generate a deterministic, perceptually distributed color palette. See github.com/mapbox/to-color for more.

hsl(93, 78.36%, 63.02%)

hsl(346, 66.15%, 55.67%)

hsl(267, 88.67%, 40.28%)

hsl(228, 68.6%, 74.52%)

hsl(187, 85.18%, 48.06%)

hsl(30, 63.75%, 55.86%)

new toColor('mouse');

hsl(258, 83.48%, 46.86%)

hsl(72, 61.94%, 63.21%)

hsl(25, 78.44%, 58.24%)

hsl(307, 91.22%, 88.6%)

hsl(6, 96.07%, 35.7%)

hsl(340, 53.53%, 52.65%)

new toColor('deli');

hsl(148, 62.77%, 67.76%)

hsl(8, 90.47%, 35.7%)

hsl(225, 97.34%, 62.37%)

hsl(271, 73.91%, 31.04%)

hsl(303, 85.11%, 59.69%)

hsl(18, 61.03%, 64.06%)

new toColor(1234);

hsl(214, 62.68%, 57.12%)

hsl(105, 72.41%, 44.66%)

hsl(335, 77.54%, 68.81%)

hsl(184, 54.75%, 73.47%)

hsl(57, 86.24%, 63.64%)

hsl(25, 66.48%, 55.25%)

new toColor(5678);

hsl(65, 94%, 66.64%)

hsl(282, 55.01%, 51.09%)

hsl(177, 80.18%, 36.62%)

hsl(18, 68.86%, 55.04%)

hsl(300, 78.8%, 85.84%)

hsl(90, 88.67%, 24.91%)

hsl(207, 78.89%, 62.1%)

hsl(339, 70.94%, 42.12%)

hsl(151, 57.62%, 52.8%)

hsl(171, 84.21%, 80.99%)

hsl(247, 83.48%, 41.41%)

hsl(351, 66.44%, 70.2%)

hsl(115, 84.38%, 61.57%)

hsl(224, 71.62%, 75.33%)

hsl(191, 61.29%, 31%)

hsl(311, 83.37%, 63.91%)

new toColor('mapbox.mapbox-streets-v8');

hsl(65, 88.68%, 82.32%)

hsl(282, 37.94%, 64.54%)

hsl(177, 30.16%, 51.31%)

hsl(18, 52.51%, 70.52%)

hsl(300, 65.02%, 91.42%)

hsl(90, 30.71%, 35.95%)

hsl(207, 65.14%, 77.05%)

hsl(339, 34.79%, 57.06%)

hsl(151, 40.47%, 66.39%)

hsl(171, 72.73%, 88.99%)

hsl(247, 41.87%, 58.7%)

hsl(351, 49.74%, 80.09%)

hsl(115, 72.99%, 77.78%)

hsl(224, 55.79%, 84.16%)

hsl(191, 23.45%, 40.5%)

hsl(311, 71.48%, 78.95%)

new toColor('mapbox.mapbox-streets-v8', {"saturation":0.5});

hsl(65, 95.92%, 50.96%)

hsl(282, 100%, 39%)

hsl(177, 100%, 33%)

hsl(18, 100%, 43%)

hsl(300, 84.79%, 80.26%)

hsl(90, 100%, 23.5%)

hsl(207, 95.12%, 47.15%)

hsl(339, 100%, 36%)

hsl(151, 100%, 40%)

hsl(171, 88.89%, 72.99%)

hsl(247, 100%, 38%)

hsl(351, 74.81%, 60.3%)

hsl(115, 100%, 47%)

hsl(224, 79.1%, 66.49%)

hsl(191, 100%, 25%)

hsl(311, 92.3%, 48.88%)

new toColor('mapbox.mapbox-streets-v8', {"saturation":1.5});

hsl(65, 47.05%, 33.32%)

hsl(282, 52.67%, 25.54%)

hsl(177, 80.18%, 18.31%)

hsl(18, 56.25%, 27.52%)

hsl(300, 12.99%, 42.92%)

hsl(90, 88.67%, 12.45%)

hsl(207, 48.14%, 31.05%)

hsl(339, 70.94%, 21.06%)

hsl(151, 51.51%, 26.4%)

hsl(171, 19.76%, 40.49%)

hsl(247, 83.48%, 20.7%)

hsl(351, 28.2%, 35.1%)

hsl(115, 52.67%, 30.78%)

hsl(224, 23.45%, 37.66%)

hsl(191, 61.29%, 15.5%)

hsl(311, 47.05%, 31.95%)

new toColor('mapbox.mapbox-streets-v8', {"brightness":0.5});

hsl(65, 100%, 68%)

hsl(282, 100%, 65.5%)

hsl(177, 97.78%, 54.94%)

hsl(18, 100%, 64%)

hsl(300, 100%, 88.5%)

hsl(90, 88.67%, 37.36%)

hsl(207, 100%, 67.5%)

hsl(339, 100%, 58.5%)

hsl(151, 99.99%, 65.99%)

hsl(171, 100%, 83.5%)

hsl(247, 99.99%, 54.49%)

hsl(351, 100%, 78%)

hsl(115, 100%, 65.5%)

hsl(224, 100%, 81%)

hsl(191, 61.29%, 46.5%)

hsl(311, 100%, 68%)

new toColor('mapbox.mapbox-streets-v8', {"brightness":1.5});

hsl(65, 100%, 68%)

hsl(282, 100%, 65.5%)

hsl(5, 100%, 81%)

hsl(170, 100%, 84%)

hsl(28, 100%, 54%)

hsl(349, 100%, 60%)

hsl(119, 73.98%, 50.02%)

hsl(71, 99.99%, 54.49%)

hsl(322, 100%, 78%)

hsl(131, 100%, 69.5%)

hsl(35, 100%, 78%)

hsl(336, 84.95%, 53.47%)

hsl(258, 100%, 87.5%)

hsl(176, 100%, 65%)

hsl(125, 100%, 67.5%)

hsl(3, 100%, 50.5%)

new toColor('mapbox.mapbox-streets-v8', {"brightness":1.5,"limit":["blue"]});