https://cdn-fastly.picmonkey.com/component---src-palettes-templates-category-image-tsx-8c35f12664b8e34d4ca8.js

1"use strict";(self.webpackChunkseo=self.webpackChunkseo||[]).push([[9085],{4885:function(e,t,n){function r(e){return`${e[0].toUpperCase()}${e.slice(1).toLowerCase()}`}n.d(t,{z:function(){return r}})},7270:function(e,t,n){n.d(t,{A:function(){return d}});var r=n(96540),a=n(46942),o=n.n(a),l=n(73664),c="loadable_image-module--hero_element--7e01e",u="loadable_image-module--hidden--b931c",i="loadable_image-module--loader--0642e loadable_image-module--positioned--bce3b";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function m({isLoading:e}){return e?r.createElement("div",{className:i},r.createElement(l.A,null)):null}var d=function({isLoading:e,paddingTop:t,imgProps:n,isHeroElement:a=!0}){return r.createElement("div",{id:"loadable-image",className:o()("loadable_image-module--container--1a763",{[c]:a})},r.createElement("div",{className:"loadable_image-module--padding_container--4d249",style:{paddingTop:t}},r.createElement("img",s({},n,{className:o()("loadable_image-module--image--9fadf loadable_image-module--positioned--bce3b",{[u]:e}),crossOrigin:"anonymous"})),r.createElement(m,{isLoading:e})))}},17845:function(e,t,n){n.d(t,{A:function(){return l}});var r=n(96540),a=n(46942),o=n.n(a);var l=function({color:e,size:t,className:n,onClick:a,children:l}){const c={backgroundColor:e,width:t,height:t};return r.createElement("div",{className:o()("swatch-module--swatch--4545a",n),style:c,onClick:a},l)}},25914:function(e,t,n){n.d(t,{A:function(){return A}});var r=n(96540),a=n(52853),o=n(12532),l=n(99822),c=n(27369),u=n(98424),i=n(26042),s=n(52533),m=n(64810),d=n(38349),f=n(46965),h=n(96373),g=n(13088),p=n(17845),_="reference_swatch-module--palette_swatch_link--4cea4",E="reference_swatch-module--swatch_color--18b14";var b=function({colorListItem:e,size:t}){const{name:n,hex:a,category:o}=e,l=(0,g.i$)(n,o),c=(0,r.useCallback)((()=>{const e=`{ generatedHex: "${a}", seoColor: "${n}", seoColorHex: "${a}" }`;(0,d.s)(s.F3.colors,s.N1.generatorColorToSeoColor,e)}),[]);return r.createElement("div",{className:"reference_swatch-module--container--ca905"},r.createElement(m.N_,{className:_,to:l,onClick:c},r.createElement(p.A,{className:"reference_swatch-module--palette_swatch--53b78",size:t,color:a})),r.createElement("div",{className:"reference_swatch-module--inner_container--3c5e4"},r.createElement("p",{className:"reference_swatch-module--swatch_name--25978"},r.createElement(m.N_,{className:_,to:l,onClick:c},n)),r.createElement("p",{className:E},(0,h.t)((0,f.Tj)(a))),r.createElement("p",{className:E},"Hex ",a)))},v="hero_image-module--cta_container--c8ba4",$="hero_image-module--palette_swatches_container--ede73",N="hero_image-module--reference_swatches_container--387fd";const C="/mobile-app";function w({colors:e}){return r.createElement("div",{className:$},e.length>0?r.createElement(u.A,null,e.map((e=>r.createElement(i.A,{key:e,enableHexCopy:!0,hexColorValue:e})))):null)}function k({colors:e}){const t={href:(0,a.A)()&&!(0,l.t9)()?`/home/go/colors/${e.map((e=>e.replace("#","").toLowerCase())).join("-")}?goToRegister=true`:C,text:(0,o._T)("Make a colorful design")};return r.createElement("div",{className:v},r.createElement(c.PN,{cta:t}))}const x=98;function y({colorsListItems:e}){return r.createElement("div",{className:N},e.map((e=>r.createElement(b,{key:e.hex,colorListItem:e,size:x}))))}var A=function({colors:e,colorsListItems:t,children:n}){return r.createElement("div",{className:"hero_image-module--hero_image_container--79078"},n,r.createElement(w,{colors:e}),r.createElement(k,{colors:e}),r.createElement(y,{colorsListItems:t}))}},26042:function(e,t,n){var r=n(52533),a=n(96540),o=n(98424),l=n(38349),c=n(12532),u=n(17845),i=n(80234);t.A=function({hexColorValue:e,enableHexCopy:t}){const[n,s]=(0,o.h)(),m=n===e;return a.createElement(u.A,{onClick:m?void 0:()=>{navigator.clipboard.writeText(e.toUpperCase()),(0,l.s)(r.F3.colors,r.N1.copyHexPalette,e),s(e)},color:e},t?a.createElement(a.Fragment,null,a.createElement("div",{className:i.sf}),a.createElement("div",{className:i.YL},a.createElement("div",{className:i.Ko},e.toUpperCase()),a.createElement("div",{className:i.w4},m?(0,c._T)("Copied!"):(0,c._T)("Click to copy")))):null)}},31288:function(e,t,n){n.d(t,{A:function(){return l}});var r=n(96540),a="block-module--block--12db0",o="block-module--hero_text--98e4c";function l({heading:e,heroText:t,children:n}){return r.createElement("div",{className:a},r.createElement("h1",null,e),t?r.createElement("div",{className:o},t):null,n)}},35480:function(e,t,n){n.d(t,{A:function(){return r},W:function(){return a}});const r="/colors",a=`${r}/palette-generator`},42041:function(e,t,n){n.r(t),n.d(t,{CategoryImagePage:function(){return N},default:function(){return C}});var r=n(18118),a=n(96540),o=n(12532),l=n(57859),c=n(13088),u=n(35480),i=n(68316),s=n(34811),m=n(45504),d=n(31288),f=n(25914),h=n(7270);var g=function({url:e,alt:t,width:n,height:r,onImageDidLoad:o}){const c=(0,a.useRef)(null),[u,i]=(0,a.useState)(!0),s=(0,a.useCallback)((()=>{const e=c.current;null!==e?(i(!1),o&&o(e)):console.error("LoadableStaticImage: refImg.current is null")}),[c.current,o]),m=0===n?"50%":100*r/n+"%",d=`${l.WD}${e}`,f=[`${d}-640.jpg 640w`,`${d}-530.jpg 530w`,`${d}-320.jpg 320w`].join(", "),g=["(min-width: 768px) 640px","(min-width: 576px) 530px","320px"].join(", "),p={id:"static-image-img",ref:c,onLoad:s,src:`${d}-320.jpg`,alt:t,srcSet:f,sizes:g};return a.createElement(h.A,{isLoading:u,paddingTop:m,imgProps:p})};const p=(0,c.k9)("palette-generator","jpg"),_=[{name:i.aD,url:`${l.mI}${u.A}`},{name:i.CN,url:`${l.mI}${u.W}`}];function E({id:e,label:t,url:n},r){if("home"===e){const e={name:(0,o._T)(`Colors Palette Generator - Image ${r}`),url:`${l.mI}${u.W}/image-${r}`};return[..._,e]}const a={name:(0,o._T)("Colors Palette Generator - ${label}"),url:`${l.mI}${n}`},c={name:(0,o._T)(`${a.name} - Image ${r}`),url:`${a.url}/image-${r}`};return[..._,a,c]}function b(e,t){return{metaKey:r.n.palettes,title:i.n_,seoTitle:i.n_,seoCanonicalUrl:`${u.W}/image-${t}`,seoDesc:(0,o._T)(""),seoImageUrls:p,breadcrumbs:E(e,t)}}function v({image:e}){const{url:t,alt:n,width:r,height:l,colors:c,colorsListItems:u}=e;return a.createElement(d.A,{heading:(0,o._T)("Palette Generator - Image"),heroText:i.jA},t&&t.length>0?a.createElement(f.A,{colors:c,colorsListItems:u},a.createElement(g,{key:t,url:t,alt:n,width:r,height:l})):null)}function $({id:e,label:t,url:n},r){const a={label:i.aD,url:u.A},l={label:i.CN,url:u.W},c={label:t,url:n},s={label:(0,o._T)(`Image ${r}`),url:null};return"home"===e?[a,l,s]:[a,l,c,s]}function N({pageContext:e,location:t}){const{category:n,index:r,image:o,createdAt:l,gitBranchInfo:c}=e;return a.createElement(s.Ay,{key:`${n.url}/${r}`,createdAt:l,gitBranchInfo:c,metaTags:b(n,r)},a.createElement(m.A,{navBreadcrumbs:$(n,r)}),a.createElement(v,{image:o}))}var C=N},45504:function(e,t,n){n.d(t,{A:function(){return u}});

1var r=n(96540),a=n(64810),o="breadcrumbs_nav-module--name--112aa",l="breadcrumbs_nav-module--separator--4aa49";function c({label:e,url:t}){return t?r.createElement(r.Fragment,null,r.createElement(a.N_,{to:t},e),r.createElement("span",{className:l},">")):r.createElement("span",{key:"leaf",className:o},e)}var u=function({navBreadcrumbs:e}){return r.createElement("div",{className:"breadcrumbs_nav-module--container--a7fba"},e.map((({label:e,url:t})=>r.createElement(c,{key:t||"leaf",url:t,label:e}))))}},68316:function(e,t,n){n.d(t,{CN:function(){return u},Sf:function(){return a},aD:function(){return c},jA:function(){return o},n_:function(){return l},uo:function(){return i}});var r=n(12532);const a=(0,r._T)("\nSorry, we can’t find photos that match your search. Try a different term, upload your own photo,\nor create a palette with one of the cat photos!\n"),o=(0,r._T)("\nCreate a color palette from an image in a hot second.\nSearch for a gorgeous stock photo to start with, or upload your own image.\nWe'll extract the colors from it and give you the HEX code for adding it to your designs.\n"),l=((0,r._T)("\nHave a look at these stunning palettes drawn from\nphotos and click 'em to get the color details.\n"),(0,r._T)("Color Palette Generator")),c=(0,r._T)("Colors"),u=(0,r._T)("Palette Generator"),i=(0,r._T)("Search Results")},73664:function(e,t,n){n.d(t,{A:function(){return s}});var r=n(96540),a=n(46942),o=n.n(a),l="dots_animation-module--dot--32a94",c="dots_animation-module--dot1--09607",u="dots_animation-module--dot2--ade57",i="dots_animation-module--dots--38091";function s(){return r.createElement("div",{className:i},r.createElement("div",{className:o()(l,c)}),r.createElement("div",{className:o()(l,u)}),r.createElement("div",{className:l}))}},80234:function(e,t,n){n.d(t,{Ko:function(){return a},YL:function(){return l},aW:function(){return o},sf:function(){return c},w4:function(){return r}});var r="simple_color_palette-module--copy_text--1b67b simple_color_palette-module--tooltip_text--adbe1",a="simple_color_palette-module--hex_text--6d0dd simple_color_palette-module--tooltip_text--adbe1",o="simple_color_palette-module--palette_container--3105c",l="simple_color_palette-module--tooltip--a8eb1",c="simple_color_palette-module--tooltip_beak--f6c95"},96373:function(e,t,n){n.d(t,{A:function(){return u},t:function(){return c}});var r=n(47020),a=n(96540),o=n(46965),l=n(4885);function c({r:e,g:t,b:n}){return`r: ${e}, g: ${t}, b: ${n}`}var u=function({name:e,hex:t,rgb:n}){return a.createElement("div",{className:"color_conversions-module--conversions_container--43d14"},a.createElement("h2",null,(0,r.t)("colors","color_nodes",{COLOR_NAME:(0,l.z)(e)})),a.createElement("p",null,(0,r.t)("colors","nail_exact_color",{COLOR_NAME:e.toLowerCase()})),a.createElement("table",null,a.createElement("tbody",null,a.createElement("tr",null,a.createElement("th",

1null,(0,r.t)("colors","hex")),a.createElement("td",null,t)),a.createElement("tr",null,a.createElement("th",null,(0,r.t)("colors","rgb")),a.createElement("td",null,c(n))),a.createElement("tr",null,a.createElement("th",null,(0,r.t)("colors","hsl")),a.createElement("td",null,function({h:e,s:t,l:n}){return`h: ${e=Math.round(360*e)}°, s: ${t=Math.round(100*t)}%, l: ${n=Math.round(100*n)}%`}((0,o.dz)(n)))),a.createElement("tr",null,a.createElement("th",null,(0,r.t)("colors","hsv")),a.createElement("td",null,function({h:e,s:t,v:n}){return`h: ${e=Math.round(360*e)}°, s: ${t=Math.round(100*t)}%, v: ${n=Math.round(100*n)}%`}((0,o.lk)(n)))),a.createElement("tr",null,a.createElement("th",null,(0,r.t)("colors","cmyk")),a.createElement("td",null,function({c:e,m:t,y:n,k:r}){return e=Math.round(100*e),n=Math.round(100*n),`c: ${e}%, m: ${t=Math.round(100*t)}%, y: ${n}%, k: ${r=Math.round(100*r)}%`}((0,o.A$)(n)))))))}},98424:function(e,t,n){n.d(t,{h:function(){return o}});var r=n(96540);const a=r.createContext(""),o=()=>(0,r.useContext)(a);t.A=function({children:e}){const[t,n]=(0,r.useState)(null),o=(0,r.useRef)(null),l=()=>{o.current&&clearTimeout(o.current)};return(0,r.useEffect)((()=>l),[]),r.createElement(a.Provider,{value:[t,e=>{n(e),l(),o.current=setTimeout((()=>{o.current=null,n(null)}),5e3)}]},e)}}}]);