Espace de couleur - générateur de palette et outil de gradient de couleur
- 2022-01-05Date de collecte
- 2022-02-15Mise à jour
- Adresse du site Web:mycolor.space
- IP du serveur:217.160.0.190
- Description du site:Nous vous aidons à trouver le schéma de couleurs parfait pour le prochain projet! Il suffit d'entrer une couleur et de générer un grand nombre de palettes de couleurs, de schémas de couleurs, etc.
nom de domaine:mycolor.spaceÉvaluation
sur 500~20000
nom de domaine:mycolor.spacecouler
148
nom de domaine:mycolor.spaceBon ou Mauvais
Prospère et prospère. Pepsi Prospérité
site Internet:Espace de couleur - générateur de palette et outil de gradient de couleurPoids
4
site Internet:Espace de couleur - générateur de palette et outil de gradient de couleurIP
217.160.0.190
site Internet:Espace de couleur - générateur de palette et outil de gradient de couleurteneur
ColorSpace-ColorPalettesGeneratorandColorGradientTool .fade{opacity:0;transition:all0.5s;} body{font-family:'Montserrat',sans-serif;font-weight:400;color:#fff;font-size:0.875em;letter-spacing:0.063em;} ::-moz-selection{background:#00c9b7;padding:10px;} ::selection{background:#00c9b7;padding:10px;} ::-moz-selection{background:#00c9b7;padding:10px;} a{color:inherit;text-decoration:none;} h1{font-weight:900;font-size:3.25em;margin-bottom:30px;text-shadow:2px3px0px#;line-height:1.2;} h2{font-size:1.4em;letter-spacing:0.2px;color:#1e1e1e;margiEspace de couleur - générateur de palette et outil de gradient de couleurn-bottom:30px;font-weight:900;} h3{text-shadow:2px3px0pxrgba(150,150,150,1);line-height:1.1;font-weight:900;font-size:3.25em;} .bg{width:100vw;height:100vh;position:fixed;max-height:100vh;} .wrap,.wrap-outer{width:calc(100vw-20px);height:100vh;position:relative;max-height:100vh;-webkit-transition:all1s;-o-transition:all1s;transition:all1s;} .rotate{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .gradient.rotate{-webkit-transform:rotate(95deg);-ms-transform:rotate(95deg);transform:rotate(95deg);} .bgnew{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background-ime:-webkit-gradient(linear,leftbottom,righttop,from(#6d327c),color-stop(#485DA6),color-stop(#00a1ba),color-stop(#00BF98),to(#36C486));background-imeEspace de couleur - générateur de palette et outil de gradient de couleur:-webkit-linear-gradient(leftbottom,#6d327c,#485DA6,#00a1ba,#00BF98,#36C486);background-ime:-o-linear-gradient(leftbottom,#6d327c,#485DA6,#00a1ba,#00BF98,#36C486);background-ime:linear-gradient(torighttop,#6d327c,#485DA6,#00a1ba,#00BF98,#36C486);} .bgnew2{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-2;background-ime:-webkit-gradient(linear,leftbottom,righttop,from(#b),color-stop(#944b94),color-stop(#d75a88),color-stop(#ff7e71),color-stop(#ffb25f),to(#ffeb68));background-ime:-webkit-linear-gradient(leftbottom,#b,#944b94,#d75a88,#ff7e71,#ffb25f,#ffeb68);background-ime:-o-linear-gradient(leftbottom,#b,#944b94,#d75a88,#ff7e71,#ffb25f,#ffeb68);background-ime:linear-gradient(torighttop,#b,#944b94,#d75a88,#ff7e71,#ffb25f,#ffeb68);} .bg-bottom{} .wrap{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;} .header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:30px8.33%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5%;margin-bottom:50px;height:130px;} .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .left-foot.logo{padding:0px10px0px0px;} .logoimg{width:100%;max-width:70px;display:inline-block;margin-right:20px;} .logo-text{display:inline-block;font-size:1em;font-weight:900;position:relative;} .logo-text:after{content:"Beta";position:absolute;top:-20px;right:-20px;padding:3px5px;border-radius:3px;background-color:#FF7BDA;font-size:0.8em;} li.gc3{display:block;position:relative;} .gc3::after{content:"New";position:absolute;top:-20px;right:0px;padding:3px5px;border-radius:3px;background-color:#FF08E2;font-size:0.8em;font-weight:bold;} n{text-tEspace de couleur - générateur de palette et outil de gradient de couleurransform:uppercase;letter-spacing:0.063em;font-size:0.75em;} .headernulli{display:inline-block;margin-left:20px;} nullia{letter-spacing:2px;color:#fff;-webkit-transition:color.2sease;-o-transition:color.2sease;transition:color.2sease;padding:3px0;margin-bottom:10px;position:relative;display:inline-block;} .effectullia:hover{color:#FBFAFC;} .effectullia:hover::after,.effectullia:hover::before{width:100%;left:0;} .effectullia::after,.effectullia::before{content:'';position:absolute;top:calc(100%+5px);width:0;right:0;height:3px;} .effectullia::before{-webkit-transition:width.25scubic-bezier(0.51,0.18,0,0.88).1s;-o-transition:width.25scubic-bezier(0.51,0.18,0,0.88).1s;transition:width.25scubic-bezier(0.51,0.18,0,0.88).1s;background:#845EC2;} .effectullia::after{-webkit-transition:width.2scubic-bezier(0.29,0.18,0.26,0.83);-o-transition:width.2scubic-bezier(0.29,0.18,0.26,0.83);transition:width.2scubic-bezier(0.29,0.18,0.26,0.83);background:#2FFFAD;} .effectullia.active:after{background:#2FFFAD;width:100%;left:0;} .effectullia.active:before{z-index:2;} .box{display:inline-block;width:33%;} .sign{visibility:hidden;font-weight:900;font-size:3em;text-align:center;width:50%;margin:0auto50px;text-shadow:2px3px0pxrgba(150,150,150,1);line-height:1.2;} .main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap;} .main.color-inputh2{color:#fff;font-weight:900;font-size:2.925em;margin-bottom:3%;letter-spacing:0.093em;text-shadow:2px3px0px#;text-transform:uppercase;} .astro.left{position:absolute;bottom:0;left:0;} .astro.right{position:absolute;bottom:0;right:0;right:3%;} .astroimg{width:100%;} .astro.leftimg{width:90%;} .color-input{-ms-flex-item-align:start;align-self:flex-start;text-align:center;position:relative;z-index:2;} .color-inputp{margin-bottom:50px;font-size:1.3em;} .color-inputinput{border-color:none;background-color:#845EC2;height:50px;text-align:center;width:180px;margin-bottom:10%;border-radius:50px;-webkit-box-shadow:10px10px14px1pxrgba(00,00,00,0.2);box-shadow:10px10px14px1pxrgba(00,00,00,0.2);letter-spacing:0.094em;} .color-inputform{width:285px;margin:0auto;position:relative;-webkit-transition:all1s;-o-transition:all1s;transition:all1s;} .color-inputformlabel{margin-right:-50px;z-index:90;position:relative;padding-left:30px;color:#fff;} .color-inputbutton,a.back-btn,a.help-btn{display:inline-block;position:relative;border-radius:50px;background:#00c9b7;width:180px;height:50px;position:relative;color:#fff;font-size:0.97em;letter-spacing:0.094em;cursor:pointer;-webkit-box-shadow:10px10px14px1pxrgba(00,00,00,0.2);box-shadow:10px10px14px1pxrgba(00,00,00,0.2);/*display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;*/text-align:center;margin:0auto;-webkit-transition:all0.5s;-o-transition:all0.5s;transition:all0.5s;text-transform:uppercase;} .color-inputbuttoni{margin-right:5%;font-size:1.2em;} .color-inputbutton:hover{-webkit-box-shadow:none;box-shadow:none;} .cp-color-picker{position:relative;} .cp-color-picker:before{bottom:-9px;border-color:transparenttransparent#999;} .cp-color-picker:after{content:"";display:block;position:absolute;bottom:-8px;left:8px;border:8pxsolid#323E3E;border-width:8px8px0px;border-color:#323E3Etransparenttransparent;z-index:999;width:12px;} .cp-color-picker.cp2:after{top:16px;right:-12px;left:auto;width:16px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);bottom:auto;} NewFeature:Youcannowcreateagradientoutof3colors! ColorSpace Palettes Gradient 3-Color-Gradient Contact Info NeverwasteHoursonfindingtheperfectColorPaletteain! JustEnteraColor! AndGenerateniceColorPalettes Generate Palettes Gradient 3-Gradient Contact Info Enteranewcolor! Generate (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*newDate();a=s.createElement(o), m=s.getElementsByTName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','/analytics.js','ga'); ga('create','UA-4-2','auto'); ga('set','anonymizeIp',true); ga('send','peview'); functionvalidateInput(){ varhexInput=document.getElementById("hex"); hexInput.value=hexInput.value.replace(/^#/,''); varregExpHex=newRegExp(/^[0-9A-F]{1,6}$/i); if(!regExpHex.test(hexInput.value)){ hexInput.value=''; } }
Placer:Espace de couleur - générateur de palette et outil de gradient de couleurSignaler
En cas de violation du site, veuillez cliquer sur SignalerSignaler