node-vibrant example
( SSR )

Vibrant84,60,1321732100

Muted66,47,10500

DarkVibrant58,41,9100

DarkMuted66,47,10500

LightVibrant180,163,21300

LightMuted66,47,10500

{"preview":"https://cdn.jsdelivr.net/npm/emoji-datasource-twitter@14.0.0/img/twitter/64/1f47e.png","emoji":{"text":"👾","unicode":"1f47e","brand":"twitter","imageUrl":"https://cdn.jsdelivr.net/npm/emoji-datasource-twitter@14.0.0/img/twitter/64/1f47e.png"},"top":{"label":"Vibrant","rgb":[84,60,132],"hex":"#543c84","population":1732,"ratio":100},"swatches":[{"label":"Vibrant","rgb":[84,60,132],"hex":"#543c84","population":1732,"ratio":100},{"label":"Muted","rgb":[66.9375,47.8125,105.1875],"hex":"#422f69","population":0,"ratio":0},{"label":"DarkVibrant","rgb":[58.01250000000001,41.43749999999999,91.16250000000001],"hex":"#3a295b","population":0,"ratio":0},{"label":"DarkMuted","rgb":[66.9375,47.8125,105.1875],"hex":"#422f69","population":0,"ratio":0},{"label":"LightVibrant","rgb":[180.4125,163.8375,213.56249999999997],"hex":"#b4a3d5","population":0,"ratio":0},{"label":"LightMuted","rgb":[66.93750000000001,47.81250000000003,105.18749999999997],"hex":"#422f69","population":0,"ratio":0}],"source":{"emoji":"👾","type":"emoji"}}

Vibrant220,44,6894833

Muted131,21,3600

DarkVibrant113,18,3100

DarkMuted131,21,3600

LightVibrant252,218,138188866

LightMuted149,105,300

{"preview":"https://cdn.jsdelivr.net/npm/emoji-datasource-twitter@14.0.0/img/twitter/64/1f381.png","emoji":{"text":"🎁","unicode":"1f381","brand":"twitter","imageUrl":"https://cdn.jsdelivr.net/npm/emoji-datasource-twitter@14.0.0/img/twitter/64/1f381.png"},"top":{"label":"LightVibrant","rgb":[252,218,138],"hex":"#fcda8a","population":1888,"ratio":66.57263751763047},"swatches":[{"label":"Vibrant","rgb":[220,44,68],"hex":"#dc2c44","population":948,"ratio":33.42736248236953},{"label":"Muted","rgb":[131.23170731707316,21.768292682926848,36.69512195121959],"hex":"#831524","population":0,"ratio":0},{"label":"DarkVibrant","rgb":[113.7341463414634,18.865853658536597,31.802439024390303],"hex":"#71121f","population":0,"ratio":0},{"label":"DarkMuted","rgb":[131.23170731707316,21.768292682926848,36.69512195121959],"hex":"#831524","population":0,"ratio":0},{"label":"LightVibrant","rgb":[252,218,138],"hex":"#fcda8a","population":1888,"ratio":66.57263751763047},{"label":"LightMuted","rgb":[149.175,105.82499999999997,3.8249999999999753],"hex":"#956903","population":0,"ratio":0}],"source":{"emoji":"🎁","type":"emoji"}}

Vibrant35,140,21900

Muted21,84,13100

DarkVibrant18,73,11300

DarkMuted21,84,13100

LightVibrant188,220,2442448100

LightMuted21,84,13100

{"preview":"https://cdn.jsdelivr.net/npm/emoji-datasource-twitter@14.0.0/img/twitter/64/1f4a8.png","emoji":{"text":"💨","unicode":"1f4a8","brand":"twitter","imageUrl":"https://cdn.jsdelivr.net/npm/emoji-datasource-twitter@14.0.0/img/twitter/64/1f4a8.png"},"top":{"label":"LightVibrant","rgb":[188,220,244],"hex":"#bcdcf4","population":2448,"ratio":100},"swatches":[{"label":"Vibrant","rgb":[35.96153846153839,140.57692307692295,219.0384615384616],"hex":"#238cdb","population":0,"ratio":0},{"label":"Muted","rgb":[21.576923076923027,84.34615384615377,131.42307692307696],"hex":"#155483","population":0,"ratio":0},{"label":"DarkVibrant","rgb":[18.699999999999964,73.09999999999995,113.90000000000003],"hex":"#124971","population":0,"ratio":0},{"label":"DarkMuted","rgb":[21.576923076923027,84.34615384615377,131.42307692307696],"hex":"#155483","population":0,"ratio":0},{"label":"LightVibrant","rgb":[188,220,244],"hex":"#bcdcf4","population":2448,"ratio":100},{"label":"LightMuted","rgb":[21.576923076923027,84.34615384615377,131.42307692307696],"hex":"#155483","population":0,"ratio":0}],"source":{"emoji":"💨","type":"emoji"}}

Vibrant252,204,76208678

Muted156,140,10040

DarkVibrant104,71,550318

DarkMuted148,124,7630

LightVibrant252,204,8430

LightMuted192,208,208562

{"preview":"https://cdn.jsdelivr.net/npm/emoji-datasource-twitter@14.0.0/img/twitter/64/1f605.png","emoji":{"text":"😅","unicode":"1f605","brand":"twitter","imageUrl":"https://cdn.jsdelivr.net/npm/emoji-datasource-twitter@14.0.0/img/twitter/64/1f605.png"},"top":{"label":"Vibrant","rgb":[252,204,76],"hex":"#fccc4c","population":2086,"ratio":78.56873822975517},"swatches":[{"label":"Vibrant","rgb":[252,204,76],"hex":"#fccc4c","population":2086,"ratio":78.56873822975517},{"label":"Muted","rgb":[156,140,100],"hex":"#9c8c64","population":4,"ratio":0.15065913370998116},{"label":"DarkVibrant","rgb":[104,71,5],"hex":"#684705","population":503,"ratio":18.94538606403013},{"label":"DarkMuted","rgb":[148,124,76],"hex":"#947c4c","population":3,"ratio":0.11299435028248588},{"label":"LightVibrant","rgb":[252,204,84],"hex":"#fccc54","population":3,"ratio":0.11299435028248588},{"label":"LightMuted","rgb":[192,208,208],"hex":"#c0d0d0","population":56,"ratio":2.109227871939736}],"source":{"emoji":"😅","type":"emoji"}}

Vibrant67,140,19678058

Muted152,100,8420

DarkVibrant100,30,16161

DarkMuted44,45,5249937

LightVibrant236,196,172231

LightMuted214,186,172120

{"preview":"https://cdn.jsdelivr.net/npm/emoji-datasource-twitter@14.0.0/img/twitter/64/1f645-1f3fb-200d-2642-fe0f.png","emoji":{"text":"🙅🏻‍♂️","unicode":"1f645-1f3fb-200d-2642-fe0f","brand":"twitter","imageUrl":"https://cdn.jsdelivr.net/npm/emoji-datasource-twitter@14.0.0/img/twitter/64/1f645-1f3fb-200d-2642-fe0f.png"},"top":{"label":"Vibrant","rgb":[67,140,196],"hex":"#438cc4","population":780,"ratio":58.55855855855856},"swatches":[{"label":"Vibrant","rgb":[67,140,196],"hex":"#438cc4","population":780,"ratio":58.55855855855856},{"label":"Muted","rgb":[152,100,84],"hex":"#986454","population":2,"ratio":0.15015015015015015},{"label":"DarkVibrant","rgb":[100,30,16],"hex":"#641e10","population":16,"ratio":1.2012012012012012},{"label":"DarkMuted","rgb":[44,45,52],"hex":"#2c2d34","population":499,"ratio":37.46246246246246},{"label":"LightVibrant","rgb":[236,196,172],"hex":"#ecc4ac","population":23,"ratio":1.7267267267267266},{"label":"LightMuted","rgb":[214,186,172],"hex":"#d6baac","population":12,"ratio":0.9009009009009009}],"source":{"emoji":"🙅🏻‍♂️","type":"emoji"}}

Vibrant175,32,172844

Muted174,124,96155924

DarkVibrant95,4,4156625

DarkMuted87,71,57129320

LightVibrant236,183,167100

LightMuted203,192,182154824

{"preview":"https://node-vibrant-example.cubdesign.com/images/elza-kurbanova-f8MLY_HKwqQ-unsplash.jpg","emoji":null,"top":{"label":"DarkVibrant","rgb":[95,4,4],"hex":"#5f0404","population":1566,"ratio":25.015974440894567},"swatches":[{"label":"Vibrant","rgb":[175,32,17],"hex":"#af2011","population":284,"ratio":4.536741214057508},{"label":"Muted","rgb":[174,124,96],"hex":"#ae7c60","population":1559,"ratio":24.904153354632587},{"label":"DarkVibrant","rgb":[95,4,4],"hex":"#5f0404","population":1566,"ratio":25.015974440894567},{"label":"DarkMuted","rgb":[87,71,57],"hex":"#574739","population":1293,"ratio":20.654952076677315},{"label":"LightVibrant","rgb":[236,183,167],"hex":"#ecb7a7","population":10,"ratio":0.1597444089456869},{"label":"LightMuted","rgb":[203,192,182],"hex":"#cbc0b6","population":1548,"ratio":24.728434504792332}],"source":{"file":"/images/elza-kurbanova-f8MLY_HKwqQ-unsplash.jpg","type":"image"}}

Vibrant212,170,590634

Muted107,89,164351

DarkVibrant10,74,9150819

DarkMuted63,42,511405

LightVibrant234,204,8892335

LightMuted130,172,193833

{"preview":"https://node-vibrant-example.cubdesign.com/images/erik-mclean-9y1cTVKe1IY-unsplash.jpg","emoji":null,"top":{"label":"LightVibrant","rgb":[234,204,88],"hex":"#eacc58","population":923,"ratio":35.56840077071291},"swatches":[{"label":"Vibrant","rgb":[212,170,5],"hex":"#d4aa05","population":906,"ratio":34.91329479768786},{"label":"Muted","rgb":[107,89,164],"hex":"#6b59a4","population":35,"ratio":1.348747591522158},{"label":"DarkVibrant","rgb":[10,74,91],"hex":"#0a4a5b","population":508,"ratio":19.576107899807322},{"label":"DarkMuted","rgb":[63,42,51],"hex":"#3f2a33","population":140,"ratio":5.394990366088632},{"label":"LightVibrant","rgb":[234,204,88],"hex":"#eacc58","population":923,"ratio":35.56840077071291},{"label":"LightMuted","rgb":[130,172,193],"hex":"#82acc1","population":83,"ratio":3.198458574181118}],"source":{"file":"/images/erik-mclean-9y1cTVKe1IY-unsplash.jpg","type":"image"}}

Vibrant224,112,57105148

Muted161,128,98532

DarkVibrant121,50,17522

DarkMuted59,44,2785139

LightVibrant248,167,1051637

LightMuted146,67,600

{"preview":"https://node-vibrant-example.cubdesign.com/images/max-zhang-gkdyrA_eOo8-unsplash.jpg","emoji":null,"top":{"label":"Vibrant","rgb":[224,112,57],"hex":"#e07039","population":1051,"ratio":48.433179723502306},"swatches":[{"label":"Vibrant","rgb":[224,112,57],"hex":"#e07039","population":1051,"ratio":48.433179723502306},{"label":"Muted","rgb":[161,128,98],"hex":"#a18062","population":53,"ratio":2.442396313364055},{"label":"DarkVibrant","rgb":[121,50,17],"hex":"#793211","population":52,"ratio":2.3963133640553},{"label":"DarkMuted","rgb":[59,44,27],"hex":"#3b2c1b","population":851,"ratio":39.21658986175115},{"label":"LightVibrant","rgb":[248,167,105],"hex":"#f8a769","population":163,"ratio":7.511520737327189},{"label":"LightMuted","rgb":[146.17834394904457,67.2420382165605,6.821656050955412],"hex":"#924306","population":0,"ratio":0}],"source":{"file":"/images/max-zhang-gkdyrA_eOo8-unsplash.jpg","type":"image"}}

Vibrant29,154,1981465

Muted181,110,971746

DarkVibrant30,78,1112539

DarkMuted56,66,71110942

LightVibrant236,189,20442716

LightMuted202,151,16253020

{"preview":"https://node-vibrant-example.cubdesign.com/images/zhang_d-cCatH3q6o9M-unsplash.jpg","emoji":null,"top":{"label":"DarkMuted","rgb":[56,66,71],"hex":"#384247","population":1109,"ratio":42.023493747631676},"swatches":[{"label":"Vibrant","rgb":[29,154,198],"hex":"#1d9ac6","population":146,"ratio":5.532398635846912},{"label":"Muted","rgb":[181,110,97],"hex":"#b56e61","population":174,"ratio":6.593406593406594},{"label":"DarkVibrant","rgb":[30,78,111],"hex":"#1e4e6f","population":253,"ratio":9.586964759378553},{"label":"DarkMuted","rgb":[56,66,71],"hex":"#384247","population":1109,"ratio":42.023493747631676},{"label":"LightVibrant","rgb":[236,189,204],"hex":"#ecbdcc","population":427,"ratio":16.180371352785148},{"label":"LightMuted","rgb":[202,151,162],"hex":"#ca97a2","population":530,"ratio":20.08336491095112}],"source":{"file":"/images/zhang_d-cCatH3q6o9M-unsplash.jpg","type":"image"}}

Vibrant201,48,722409

Muted164,114,13192034

DarkVibrant22,60,4100

DarkMuted55,74,48127047

LightVibrant229,147,16000

LightMuted185,208,1682077

{"preview":"https://node-vibrant-example.cubdesign.com/images/david-clode-fT2qXggBlks-unsplash.jpg","emoji":null,"top":{"label":"DarkMuted","rgb":[55,74,48],"hex":"#374a30","population":1270,"ratio":47.97884397431054},"swatches":[{"label":"Vibrant","rgb":[201,48,72],"hex":"#c93048","population":240,"ratio":9.066868152625613},{"label":"Muted","rgb":[164,114,131],"hex":"#a47283","population":920,"ratio":34.75632791839819},{"label":"DarkVibrant","rgb":[22,60,4],"hex":"#163c04","population":10,"ratio":0.37778617302606726},{"label":"DarkMuted","rgb":[55,74,48],"hex":"#374a30","population":1270,"ratio":47.97884397431054},{"label":"LightVibrant","rgb":[229.43855421686743,147.96144578313255,160.7421686746988],"hex":"#e593a0","population":0,"ratio":0},{"label":"LightMuted","rgb":[185,208,168],"hex":"#b9d0a8","population":207,"ratio":7.820173781639592}],"source":{"file":"/images/david-clode-fT2qXggBlks-unsplash.jpg","type":"image"}}