[26-Feb-2026 00:31:13 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[26-Feb-2026 00:31:13 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[26-Feb-2026 00:31:13 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 07:45:51 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 07:45:51 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 07:45:51 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 18:48:26 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 18:48:26 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 18:48:26 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[06-Mar-2026 13:14:53 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[06-Mar-2026 13:14:53 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[06-Mar-2026 13:14:53 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[08-Mar-2026 11:47:41 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[08-Mar-2026 11:47:41 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[08-Mar-2026 11:47:41 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:48 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:48 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:48 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:53 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:53 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:53 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[27-Mar-2026 14:07:52 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[27-Mar-2026 14:07:52 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[27-Mar-2026 14:07:52 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[29-Mar-2026 10:21:48 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[29-Mar-2026 10:21:48 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[29-Mar-2026 10:21:48 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
<!DOCTYPE html>
<html amp lang="en-US" data-amp-auto-lightbox-disable transformed="self;v=1" i-amphtml-layout="" i-amphtml-no-boilerplate="">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no"><link rel="preconnect" href="https://cdn.ampproject.org"><style amp-runtime="" i-amphtml-version="012603032146000">html{overflow-x:hidden!important}html.i-amphtml-fie{height:100%!important;width:100%!important}html:not([amp4ads]),html:not([amp4ads]) body{height:auto!important}html:not([amp4ads]) body{margin:0!important}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html.i-amphtml-singledoc.i-amphtml-embedded{-ms-touch-action:pan-y pinch-zoom;touch-action:pan-y pinch-zoom}html.i-amphtml-fie>body,html.i-amphtml-singledoc>body{overflow:visible!important}html.i-amphtml-fie:not(.i-amphtml-inabox)>body,html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body{position:relative!important}html.i-amphtml-ios-embed-legacy>body{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important}html.i-amphtml-ios-embed{overflow-y:auto!important;position:static}#i-amphtml-wrapper{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;display:block!important}html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper{-webkit-overflow-scrolling:touch!important}#i-amphtml-wrapper>body{position:relative!important;border-top:1px solid transparent!important}#i-amphtml-wrapper+body{visibility:visible}#i-amphtml-wrapper+body .i-amphtml-lightbox-element,#i-amphtml-wrapper+body[i-amphtml-lightbox]{visibility:hidden}#i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element{visibility:visible}#i-amphtml-wrapper.i-amphtml-scroll-disabled,.i-amphtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}amp-instagram{padding:54px 0px 0px!important;background-color:#fff}amp-iframe iframe{box-sizing:border-box!important}[amp-access][amp-access-hide]{display:none}[subscriptions-dialog],body:not(.i-amphtml-subs-ready) [subscriptions-action],body:not(.i-amphtml-subs-ready) [subscriptions-section]{display:none!important}amp-experiment,amp-live-list>[update]{display:none}amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden{display:none!important}amp-list [fetch-error],amp-list[load-more] [load-more-button],amp-list[load-more] [load-more-end],amp-list[load-more] [load-more-failed],amp-list[load-more] [load-more-loading]{display:none}amp-list[diffable] div[role=list]{display:block}amp-story-page,amp-story[standalone]{min-height:1px!important;display:block!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important}amp-story[standalone]{background-color:#000!important;position:relative!important}amp-story-page{background-color:#757575}amp-story .amp-active>div,amp-story .i-amphtml-loader-background{display:none!important}amp-story-page:not(:first-of-type):not([distance]):not([active]){transform:translateY(1000vh)!important}amp-autocomplete{position:relative!important;display:inline-block!important}amp-autocomplete>input,amp-autocomplete>textarea{padding:0.5rem;border:1px solid rgba(0,0,0,.33)}.i-amphtml-autocomplete-results,amp-autocomplete>input,amp-autocomplete>textarea{font-size:1rem;line-height:1.5rem}[amp-fx^=fly-in]{visibility:hidden}amp-script[nodom],amp-script[sandboxed]{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}
/*# sourceURL=/css/ampdoc.css*/[hidden]{display:none!important}.i-amphtml-element{display:inline-block}.i-amphtml-blurry-placeholder{transition:opacity 0.3s cubic-bezier(0.0,0.0,0.2,1)!important;pointer-events:none}[layout=nodisplay]:not(.i-amphtml-element){display:none!important}.i-amphtml-layout-fixed,[layout=fixed][width][height]:not(.i-amphtml-layout-fixed){display:inline-block;position:relative}.i-amphtml-layout-responsive,[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),[width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive){display:block;position:relative}.i-amphtml-layout-intrinsic,[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic){display:inline-block;position:relative;max-width:100%}.i-amphtml-layout-intrinsic .i-amphtml-sizer{max-width:100%}.i-amphtml-intrinsic-sizer{max-width:100%;display:block!important}.i-amphtml-layout-container,.i-amphtml-layout-fixed-height,[layout=container],[layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height){display:block;position:relative}.i-amphtml-layout-fill,.i-amphtml-layout-fill.i-amphtml-notbuilt,[layout=fill]:not(.i-amphtml-layout-fill),body noscript>*{display:block;overflow:hidden!important;position:absolute;top:0;left:0;bottom:0;right:0}body noscript>*{position:absolute!important;width:100%;height:100%;z-index:2}body noscript{display:inline!important}.i-amphtml-layout-flex-item,[layout=flex-item]:not(.i-amphtml-layout-flex-item){display:block;position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.i-amphtml-layout-fluid{position:relative}.i-amphtml-layout-size-defined{overflow:hidden!important}.i-amphtml-layout-awaiting-size{position:absolute!important;top:auto!important;bottom:auto!important}i-amphtml-sizer{display:block!important}@supports (aspect-ratio:1/1){i-amphtml-sizer.i-amphtml-disable-ar{display:none!important}}.i-amphtml-blurry-placeholder,.i-amphtml-fill-content{display:block;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto}.i-amphtml-layout-size-defined .i-amphtml-fill-content{position:absolute;top:0;left:0;bottom:0;right:0}.i-amphtml-replaced-content,.i-amphtml-screen-reader{padding:0!important;border:none!important}.i-amphtml-screen-reader{position:fixed!important;top:0px!important;left:0px!important;width:4px!important;height:4px!important;opacity:0!important;overflow:hidden!important;margin:0!important;display:block!important;visibility:visible!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:8px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:12px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:16px!important}.i-amphtml-unresolved{position:relative;overflow:hidden!important}.i-amphtml-select-disabled{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.i-amphtml-notbuilt,[layout]:not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){position:relative;overflow:hidden!important;color:transparent!important}.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,[layout]:not([layout=container]):not(.i-amphtml-element)>*,[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,[width][height][sizes]:not([layout]):not(.i-amphtml-element)>*{display:none}amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content{display:block}.i-amphtml-notbuilt:not(.i-amphtml-layout-container),[layout]:not([layout=container]):not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){color:transparent!important;line-height:0!important}.i-amphtml-ghost{visibility:hidden!important}.i-amphtml-element>[placeholder],[layout]:not(.i-amphtml-element)>[placeholder],[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder]{display:block;line-height:normal}.i-amphtml-element>[placeholder].amp-hidden,.i-amphtml-element>[placeholder].hidden{visibility:hidden}.i-amphtml-element:not(.amp-notsupported)>[fallback],.i-amphtml-layout-container>[placeholder].amp-hidden,.i-amphtml-layout-container>[placeholder].hidden{display:none}.i-amphtml-layout-size-defined>[fallback],.i-amphtml-layout-size-defined>[placeholder]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1}amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder]{z-index:auto}.i-amphtml-notbuilt>[placeholder]{display:block!important}.i-amphtml-hidden-by-media-query{display:none!important}.i-amphtml-element-error{background:red!important;color:#fff!important;position:relative!important}.i-amphtml-element-error:before{content:attr(error-message)}i-amp-scroll-container,i-amphtml-scroll-container{position:absolute;top:0;left:0;right:0;bottom:0;display:block}i-amp-scroll-container.amp-active,i-amphtml-scroll-container.amp-active{overflow:auto;-webkit-overflow-scrolling:touch}.i-amphtml-loading-container{display:block!important;pointer-events:none;z-index:1}.i-amphtml-notbuilt>.i-amphtml-loading-container{display:block!important}.i-amphtml-loading-container.amp-hidden{visibility:hidden}.i-amphtml-element>[overflow]{cursor:pointer;position:relative;z-index:2;visibility:hidden;display:initial;line-height:normal}.i-amphtml-layout-size-defined>[overflow]{position:absolute}.i-amphtml-element>[overflow].amp-visible{visibility:visible}template{display:none!important}.amp-border-box,.amp-border-box *,.amp-border-box :after,.amp-border-box :before{box-sizing:border-box}amp-pixel{display:none!important}amp-analytics,amp-auto-ads,amp-story-auto-ads{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}amp-story{visibility:hidden!important}html.i-amphtml-fie>amp-analytics{position:initial!important}[visible-when-invalid]:not(.visible),form [submit-error],form [submit-success],form [submitting]{display:none}amp-accordion{display:block!important}@media (min-width:1px){:where(amp-accordion>section)>:first-child{margin:0;background-color:#efefef;padding-right:20px;border:1px solid #dfdfdf}:where(amp-accordion>section)>:last-child{margin:0}}amp-accordion>section{float:none!important}amp-accordion>section>*{float:none!important;display:block!important;overflow:hidden!important;position:relative!important}amp-accordion,amp-accordion>section{margin:0}amp-accordion:not(.i-amphtml-built)>section>:last-child{display:none!important}amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child{display:block!important}
/*# sourceURL=/css/ampshared.css*/</style><meta name="description" content="HailPixel Color Picker is one of the friendliest and easiest to use CSS color pickers I ever encountered. Just point on the screen and pick the color."><meta property="og:locale" content="en_US"><meta property="og:type" content="article"><meta property="og:title" content="HailPixel Color Picker"><meta property="og:description" content="HailPixel Color Picker is one of the friendliest and easiest to use CSS color pickers I ever encountered. Just point on the screen and pick the color."><meta property="og:url" content="https://www.crazyleafdesign.com/blog/hailpixel-color-picker/"><meta property="og:site_name" content="CrazyLeaf Design Blog"><meta property="article:publisher" content="http://www.facebook.com/crazyleafdesign"><meta property="article:author" content="https://www.facebook.com/crazyleafdesign"><meta property="article:published_time" content="2013-02-19T16:17:50+00:00"><meta property="article:modified_time" content="2016-04-08T05:52:22+00:00"><meta property="og:image" content="https://www.crazyleafdesign.com/blog/wp-content/uploads/2013/02/color-picker-thumb.jpg"><meta property="og:image:width" content="180"><meta property="og:image:height" content="120"><meta property="og:image:type" content="image/jpeg"><meta name="author" content="CrazyLeaf Editorial"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:creator" content="@crazyleaf"><meta name="twitter:site" content="@crazyleaf"><meta name="twitter:label1" content="Written by"><meta name="twitter:data1" content="CrazyLeaf Editorial"><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><meta name="generator" content="AMP Plugin v2.5.5; mode=reader; theme=legacy"><meta name="generator" content="WordPress 6.7.5"><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""><link rel="preload" href="https://www.crazyleafdesign.com/blog/wp-content/themes/bimber/css/9.2.4/bimber/fonts/bimber.eot?#iefix" as="font" crossorigin=""><link rel="preload" href="https://www.crazyleafdesign.com/blog/wp-content/plugins/mashsharer/assets/css/fonts/mashsb-font.eot?62884501#iefix" as="font" crossorigin=""><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""><link rel="dns-prefetch" href="https://fonts.gstatic.com"><script async="" src="https://cdn.ampproject.org/v0.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0.js" crossorigin="anonymous"></script><script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js" crossorigin="anonymous" custom-element="amp-sidebar"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,300,500,600,700,900"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700"><style amp-custom="">#amp-mobile-version-switcher{left:0;position:absolute;width:100%;z-index:100}#amp-mobile-version-switcher>a{background-color:#444;border:0;color:#eaeaea;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;font-weight:600;padding:15px 0;text-align:center;-webkit-text-decoration:none;text-decoration:none}#amp-mobile-version-switcher>a:active,#amp-mobile-version-switcher>a:focus,#amp-mobile-version-switcher>a:hover{-webkit-text-decoration:underline;text-decoration:underline}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}:where(.wp-block-post-comments input[type=submit]){border:none}:where(.wp-block-cover-image:not(.has-text-color)),:where(.wp-block-cover:not(.has-text-color)){color:#fff}:where(.wp-block-cover-image.is-light:not(.has-text-color)),:where(.wp-block-cover.is-light:not(.has-text-color)){color:#000}:root :where(.wp-block-cover h1:not(.has-text-color)),:root :where(.wp-block-cover h2:not(.has-text-color)),:root :where(.wp-block-cover h3:not(.has-text-color)),:root :where(.wp-block-cover h4:not(.has-text-color)),:root :where(.wp-block-cover h5:not(.has-text-color)),:root :where(.wp-block-cover h6:not(.has-text-color)),:root :where(.wp-block-cover p:not(.has-text-color)){color:inherit}:where(.wp-block-file){margin-bottom:1.5em}:where(.wp-block-file__button){border-radius:2em;display:inline-block;padding:.5em 1em}:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc(( -100vw + var(--wp--lightbox-scrollbar-width) ) / 2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc(( -100vw + var(--wp--lightbox-scrollbar-width) ) / 2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}:where(.wp-block-latest-comments:not([data-amp-original-style*=line-height] .wp-block-latest-comments__comment)){line-height:1.1}:where(.wp-block-latest-comments:not([data-amp-original-style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:1.8}:root :where(.wp-block-latest-posts.is-grid){padding:0}:root :where(.wp-block-latest-posts.wp-block-latest-posts__list){padding-left:0}ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}:where(.wp-block-post-excerpt){box-sizing:border-box;margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}:where(.wp-block-preformatted.has-background){padding:1.25em 2.375em}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}:where(.wp-block-search__input){font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}:root :where(.wp-block-separator.is-style-dots){height:auto;line-height:1;text-align:center}:root :where(.wp-block-separator.is-style-dots):before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}:root :where(.wp-block-site-logo.is-style-rounded){border-radius:9999px}:root :where(.wp-block-social-links .wp-social-link a){padding:.25em}:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a){padding:0}:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){padding-left:.66667em;padding-right:.66667em}:root :where(.wp-block-tag-cloud.is-style-outline){display:flex;flex-wrap:wrap;gap:1ch}:root :where(.wp-block-tag-cloud.is-style-outline a){border:1px solid;margin-right:0;padding:1ch 2ch}:root :where(.wp-block-tag-cloud.is-style-outline a):not(#_#_#_#_#_#_#_#_){font-size:unset;text-decoration:none}:root :where(.wp-block-table-of-contents){box-sizing:border-box}:where(.wp-block-term-description){box-sizing:border-box;margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}:where(pre.wp-block-verse){font-family:inherit}.entry-content{counter-reset:footnotes}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}html :where(.has-border-color){border-style:solid}html :where([data-amp-original-style*=border-top-color]){border-top-style:solid}html :where([data-amp-original-style*=border-right-color]){border-right-style:solid}html :where([data-amp-original-style*=border-bottom-color]){border-bottom-style:solid}html :where([data-amp-original-style*=border-left-color]){border-left-style:solid}html :where([data-amp-original-style*=border-width]){border-style:solid}html :where([data-amp-original-style*=border-top-width]){border-top-style:solid}html :where([data-amp-original-style*=border-right-width]){border-right-style:solid}html :where([data-amp-original-style*=border-bottom-width]){border-bottom-style:solid}html :where([data-amp-original-style*=border-left-width]){border-left-style:solid}html :where(amp-img[class*=wp-image-]),html :where(amp-anim[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}:where(.wp-block-group.has-background){padding:1.25em 2.375em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}amp-img.amp-wp-enforced-sizes{object-fit:contain}amp-img img,amp-img noscript{image-rendering:inherit;object-fit:inherit;object-position:inherit}@font-face{font-family:"bimber";src:url("https://www.crazyleafdesign.com/blog/wp-content/themes/bimber/css/9.2.4/bimber/fonts/bimber.eot");src:url("https://www.crazyleafdesign.com/blog/wp-content/themes/bimber/css/9.2.4/bimber/fonts/bimber.eot?#iefix") format("embedded-opentype"),url("https://www.crazyleafdesign.com/blog/wp-content/themes/bimber/css/9.2.4/bimber/fonts/bimber.woff") format("woff"),url("https://www.crazyleafdesign.com/blog/wp-content/themes/bimber/css/9.2.4/bimber/fonts/bimber.ttf") format("truetype"),url("https://www.crazyleafdesign.com/blog/wp-content/themes/bimber/css/9.2.4/bimber/fonts/bimber.svg#bimber") format("svg");font-weight:normal;font-style:normal}:root{--g1-rtxt-color:#333;--g1-itxt-color:#000;--g1-mtxt-color:#999;--g1-border-color:#e6e6e6;--g1-bg-color:#fff;--g1-bg-tone-color:#f2f2f2;--g1-bg-alt-color:#ededed;--g1-cat-border-color:#e6e6e6;--g1-cat-bg-color:#e6e6e6;--g1-cat-txt-color:#000;--g1-reverse-border-color:#333;--g1-reverse-bg-color:#1a1a1a;--g1-reverse-itxt-color:#fff}.amp-wp-enforced-sizes{max-width:100%;margin:0 auto}article,aside,body,div,figure,footer,h1,h2,h3,header,html,amp-img,li,nav,p,section,span,strong,time,ul{margin:0;padding:0;border-width:0;border-style:solid;outline:0;font-size:100%;vertical-align:baseline;background:0 0}article,aside,figure,footer,header,nav,section{display:block}body{line-height:1}ul{list-style:none}:focus{outline:0}body{background-color:#fff;color:#333}ul{padding-left:2em;list-style-type:circle}a{cursor:pointer;text-decoration:none;border-width:0;border-style:solid}a:active,a:hover{outline:0}strong{font-weight:700}amp-img{max-width:100%;height:auto}figure{position:relative;margin-bottom:1.5rem}body,html{font:400 14px/20px serif;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.g1-mega{font:700 27px/1.067 serif;font-family:Poppins,Roboto,sans-serif;letter-spacing:-.05em;color:#000;text-transform:none}h1{font:600 24px/1.067 serif;font-family:Poppins,Roboto,sans-serif;letter-spacing:-.05em;text-transform:none;color:#000}h2{font:600 21px/1.125 serif;font-family:Poppins,Roboto,sans-serif;letter-spacing:-.025em;text-transform:none;color:#000}.g1-gamma,h3{font:600 19px/1.125 serif;font-family:Poppins,Roboto,sans-serif;letter-spacing:-.025em;text-transform:none;color:#000}.g1-delta{font:600 17px/1.2 serif;font-family:Poppins,Roboto,sans-serif;letter-spacing:-.025em;text-transform:none;color:#000}@media only screen and (min-width:601px){.g1-delta{font-size:17px}.g1-gamma,h3{font-size:20px}h2{font-size:23px}h1{font-size:26px}.g1-mega{font-size:30px}}@media only screen and (min-width:1025px){.g1-delta{font-size:18px}.g1-gamma,h3{font-size:21px}h2{font-size:24px}h1{font-size:34px}.g1-mega{font-size:39px}}.g1-delta-2nd{font-family:Poppins,Roboto,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:normal}figure,h1,h2,h3,p,ul{margin-bottom:20px}.g1-typography-xl{font-size:18px;line-height:30px}.g1-typography-xl h1,.g1-typography-xl h2{margin-top:3rem}.g1-typography-xl h1:first-child,.g1-typography-xl h2:first-child{margin-top:0}.g1-meta{font:400 13px/16px serif;font-family:Poppins,Roboto,sans-serif;text-transform:none;letter-spacing:normal;color:var(--g1-mtxt-color)}.g1-meta a{color:#000}.g1-meta strong{font-weight:inherit}.g1-meta-m{font-size:15px;line-height:18px}.g1-row{clear:both;box-sizing:border-box;position:relative;width:100%;margin:0 auto}.g1-row:after{display:table;clear:both;content:""}.g1-row .g1-row{width:auto;margin-left:-10px;margin-right:-10px}.g1-row-layout-page>.g1-row-background{background-color:#fff}.g1-row-inner{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;max-width:1182px;margin:0 auto;position:relative;z-index:1;font-size:0}.g1-row-background{overflow:hidden;margin:0 auto;position:absolute;z-index:-2;left:0;right:0;top:0;bottom:0}.g1-column{display:block;box-sizing:border-box;width:100%;padding:0 10px;margin:0 auto;position:relative;vertical-align:top;font-size:1rem}@media only screen and (min-width:801px){.g1-row-inner{-ms-flex-wrap:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}}.g1-row-padding-m{padding-top:30px;padding-bottom:0}.g1-row-inner{max-width:778px}.avatar{border-radius:50%}.entry-featured-media{margin-bottom:1.5rem}.entry-featured-media .g1-frame{background-color:#e6e6e6}.entry-featured-media amp-img{width:100%}.entry-author{display:block;margin-right:10px}.entry-author .avatar{float:left;margin-right:10px}.entry-category{display:inline-block;position:relative;padding:1px 9px 1px 9px;border-width:1px;margin-right:0;font-size:13px;line-height:16px;font-family:Poppins,Roboto,Arial,sans-serif;font-weight:600;letter-spacing:normal;text-transform:uppercase;vertical-align:middle;pointer-events:auto;border-style:solid;text-shadow:none;border-color:#e6e6e6;background-color:#e6e6e6;color:#000}.entry-categories{display:inline-block;margin:0 0 16px}.entry-categories-label{display:none}.entry-date{display:inline-block;margin-right:10px;vertical-align:top}.entry-byline{margin-bottom:4px}.entry-byline:after{clear:both;display:table;content:""}.entry-stats{display:inline-block;clear:both;position:relative;z-index:6;margin-bottom:.25rem;padding:2px 10px 2px 0}.g1-meta-m strong{font-weight:600}.entry-meta-m{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:10px}.entry-meta-m .entry-byline{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.entry-meta-m .entry-date{white-space:nowrap}.entry-before-title .entry-categories,.entry-before-title .entry-stats{vertical-align:middle}.entry-title>a{color:inherit}.entry-content{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.entry-content::after{clear:both;display:table;content:""}.g1-collection{clear:both;margin:0 auto}.g1-collection:after{clear:both;display:table;content:""}.g1-collection-viewport{clear:both;margin-left:-10px;margin-right:-10px}.g1-collection-items{clear:both;margin:0;padding:0;list-style:none;font-size:0;counter-reset:g1-collection-item-counter}.g1-collection-item{display:inline-block;box-sizing:border-box;width:100%;margin:0;padding:0 10px;vertical-align:top;font-size:1rem}@media only screen and (min-width:1025px){.g1-collection-viewport{margin-left:-15px;margin-right:-15px}.g1-collection-item{padding:0 15px}}.entry-tpl-list{width:100%;margin-bottom:10px;position:relative}.entry-tpl-list .entry-featured-media{margin-bottom:0}.entry-tpl-list .entry-header{position:relative}.entry-tpl-list .entry-before-title{box-sizing:border-box;font-size:0;line-height:20px}.entry-tpl-list .entry-stats{display:inline-block;margin-top:0;margin-bottom:0}.entry-tpl-list .entry-categories{display:inline-block;margin-top:0;margin-bottom:0}.entry-tpl-list .entry-title{padding-top:.75em}.entry-tpl-list .entry-byline,.entry-tpl-list .entry-title{margin-bottom:16px}@media only screen and (min-width:601px){.entry-tpl-list{display:-ms-flexbox;display:-webkit-flex;display:flex;position:relative}.entry-tpl-list .entry-featured-media{-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;max-width:364px;margin:0 20px 0 0}.entry-tpl-list .entry-body{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.entry-tpl-list .entry-categories,.entry-tpl-list .entry-stats{margin-bottom:8px}.entry-tpl-list .entry-title{padding-top:0}}@media only screen and (min-width:1025px){.entry-tpl-list{margin-bottom:30px}.entry-tpl-list .entry-featured-media{margin-right:30px}}.g1-button,[type=button],[type=reset],[type=submit]{box-sizing:border-box;display:inline-block;margin-right:.2px;position:relative;z-index:0;text-decoration:none;text-align:center;vertical-align:middle;zoom:1;cursor:pointer;font:700 14px/22px serif;font-family:Poppins,Roboto,Arial,sans-serif;text-transform:uppercase;letter-spacing:0;border-radius:4px}.g1-button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{filter:grayscale(100%);opacity:.333;box-shadow:none}.g1-button-m{padding:5px 18px;border-width:2px}.g1-button-wide{display:block}.g1-nav-single{max-width:758px;margin:2rem auto 1rem;font-family:Poppins,Roboto,sans-serif}.g1-nav-single-links{margin:0;padding:0;overflow:hidden;list-style:none}.g1-nav-single-links:after{display:table;clear:both;content:""}.g1-nav-single-next,.g1-nav-single-prev{margin-bottom:1rem}.g1-nav-single-next>a,.g1-nav-single-prev>a{display:block;padding-left:30px;padding-right:30px;color:inherit}.g1-nav-single-next>a>strong,.g1-nav-single-prev>a>strong{display:block;margin-bottom:.5em}.g1-nav-single-next>a>span,.g1-nav-single-prev>a>span{display:block;position:relative}.g1-nav-single-prev>a>span{margin-left:auto;margin-right:0}.g1-nav-single-prev>a>span:before{display:inline-block;width:30px;margin-left:-30px;position:absolute;top:-2px;text-align:left;font:24px/1 bimber;content:""}.g1-nav-single-next>a>span{margin-left:0;margin-right:auto}.g1-nav-single-next>a>span:after{display:inline-block;width:30px;position:absolute;top:-2px;left:auto;right:100%;text-align:left;font:24px/1 bimber;content:""}@media only screen and (min-width:801px){.g1-nav-single-prev{float:left;width:50%;text-align:left}.g1-nav-single-next{float:right;width:50%;text-align:right}.g1-nav-single-next>a>span:after{left:100%;right:auto;text-align:right}}.author-info{box-sizing:border-box;max-width:758px;padding:40px 0 0;margin:30px auto 30px;position:relative;text-align:center;border-radius:0}.author-info .author-info-inner{position:relative}.author-info .author-overview:after{display:block;height:0;margin-top:30px;content:""}.author-info .author-avatar{width:60px;height:60px;margin:0 auto;position:absolute;z-index:3;left:0;right:0;top:-70px}.author-info .author-avatar a{display:block;position:relative}.author-info .author-avatar amp-img{display:block}.author-info header{margin-bottom:.75rem}.author-info header .author-title{margin-bottom:.75rem}.g1-row .author-info{margin-left:auto;margin-right:auto}@media only screen and (min-width:801px){.author-info{padding:30px 30px 0;text-align:left}.author-info header .author-title{display:inline;margin-right:8px}.author-info header .g1-button{vertical-align:text-bottom}.author-info .author-overview{min-height:100px;padding-left:120px}.author-info .author-avatar{width:80px;height:80px;left:0;right:auto;top:0}.author-info .author-extras{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}}.g1-header>.g1-row-inner>.g1-column{padding-left:50px;padding-right:50px}.g1-hamburger{display:block;float:left;padding:4px 0;margin-right:20px;z-index:1;cursor:pointer;color:inherit}.g1-hamburger-icon{display:block;font:32px/1 bimber;text-align:center}.g1-hamburger-icon:before{display:inline;content:""}.g1-hamburger-label{display:block;font-size:13px;line-height:15px}.g1-hamburger{position:absolute;left:10px;right:auto;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.site-title{margin-bottom:0;color:inherit}.site-title>a{color:inherit}.g1-logo-wrapper{display:block;position:relative}.g1-logo-wrapper .g1-logo{display:block}.g1-id{margin:15px auto;z-index:1}.g1-header .g1-logo{margin-left:auto;margin-right:auto}.mashsb-stretched .mashsb-buttons{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.mashsb-stretched .mashsb-buttons a{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;border-radius:4px}.entry-content{max-width:662px;margin:0 auto;position:relative;z-index:10}.g1-switch-to-non-amp{margin-bottom:3rem;text-align:center}.g1-footer{padding-top:3rem}.g1-footer .g1-column{text-align:center}#g1-canvas{box-sizing:border-box;width:300px;padding:30px 15px;background-color:#fff}.g1-primary-nav-menu{margin:0;list-style:none}.g1-primary-nav{margin:0 0 3rem}.g1-primary-nav .menu-item>a{color:inherit}.g1-primary-nav .sub-menu{margin:0 0 0 15px;list-style:none}a{color:#00d803}.g1-nav-single-prev > a > span:before,.g1-nav-single-next > a > span:after,.mashsb-count{color:#00d803}.g1-button-solid{border-color:#028c00;background-color:#028c00;color:#fff}.g1-id{margin:10px auto 10px}.g1-logo{max-width:20px}.g1-header > .g1-row-background{background-color:#fff}.g1-header .g1-hamburger{color:#666}.g1-footer > .g1-row-background{background-color:#f2f2f2}@font-face{font-family:"mashsb-font";src:url("https://www.crazyleafdesign.com/blog/wp-content/plugins/mashsharer/assets/css/fonts/mashsb-font.eot?62884501");src:url("https://www.crazyleafdesign.com/blog/wp-content/plugins/mashsharer/assets/css/fonts/mashsb-font.eot?62884501#iefix") format("embedded-opentype"),url("https://www.crazyleafdesign.com/blog/wp-content/plugins/mashsharer/assets/css/fonts/mashsb-font.woff?62884501") format("woff"),url("https://www.crazyleafdesign.com/blog/wp-content/plugins/mashsharer/assets/css/fonts/mashsb-font.ttf?62884501") format("truetype"),url("https://www.crazyleafdesign.com/blog/wp-content/plugins/mashsharer/assets/css/fonts/mashsb-font.svg?62884501#mashsb-font") format("svg");font-weight:normal;font-style:normal}[class*=" mashicon-"]:hover,[class^=mashicon-]:hover{opacity:.8}[class*=" mashicon-"],[class^=mashicon-] .icon{color:#fff}[class*=" mashicon-"] .text,[class^=mashicon-] .text{color:#fff}[class^=mashicon-]{font-size:15px;border-radius:0;cursor:pointer}[class*=" mashicon-"] .icon:before,[class^=mashicon-] .icon:before{font-family:mashsb-font;font-style:normal;font-weight:400;speak:none;font-size:16px;display:inline-block;text-decoration:inherit;width:1em;margin-right:.7em;text-align:center;font-variant:normal;text-transform:none;margin-top:0;float:left}.mashicon-facebook .icon:before{content:""}.mashicon-pinterest .icon:before{content:""}.mashicon-twitter .icon:before{content:""}.mashsb-container{padding-top:10px;padding-bottom:10px}.mashsb-buttons a{min-width:177px}.mashsb-box .mashsb-buttons a{padding:13px;margin-right:3px;margin-bottom:3px;float:left;text-decoration:none;border:0;box-shadow:none}.mashicon-facebook{background:#2d5f9a}.mashicon-twitter{background:#00c3f3}.mashicon-pinterest{background:#cd252b}.mashsb-count{display:block;padding-bottom:0;font-size:43px;font-weight:700;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#7fc04c;border:#fff solid 0;text-align:center;margin-right:10px;margin-top:10px;float:left;line-height:13px}.mashsb-sharetext{font-size:11px;font-family:Arial,sans-serif;color:#8a8c8e}.mashsb-toggle-container{display:none;padding:11px 2% 8px;border:10px solid #fff120;position:relative;margin-bottom:10px;margin-top:0}[class*=" mashicon-"],[class^=mashicon-]{position:relative;display:inline-block}[class*=" mashicon-"] .text,[class^=mashicon-] .text{padding:0;margin:0}[class*=" mashicon-"] .text:after,[class^=mashicon-] .text:after{line-height:10px}.mashsb-box{line-height:1}.onoffswitch2{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:inline-block;float:left;margin-right:3px;margin-bottom:3px;margin-left:0;cursor:pointer;background-color:#c5c5c5;color:#fff;width:42px;height:42px;line-height:42px;text-align:center}.onoffswitch2:before{content:"-";display:inline-block;font-weight:700;font-size:30px;font-family:arial;vertical-align:super}@media only screen and (max-width:568px){[class*=" mashicon-"] .text,[class^=mashicon-] .text{text-indent:-9999px;line-height:0;display:block}[class*=" mashicon-"] .text:after,[class^=mashicon-] .text:after{content:"";text-indent:0;font-size:13px;display:block}[class*=" mashicon-"],[class^=mashicon-]{text-align:center}[class*=" mashicon-"] .icon:before,[class^=mashicon-] .icon:before{float:none;margin-right:0}.mashsb-buttons a{margin-right:3px;margin-bottom:3px;min-width:0;width:41px}}.mashsb-count{color:#ccc}[class^="mashicon-"] .text,[class*=" mashicon-"] .text{text-indent:-9999px;line-height:0px;display:block}[class^="mashicon-"] .text:after,[class*=" mashicon-"] .text:after{content:"";text-indent:0;font-size:13px;display:block}[class^="mashicon-"],[class*=" mashicon-"]{width:25%;text-align:center}[class^="mashicon-"] .icon:before,[class*=" mashicon-"] .icon:before{float:none;margin-right:0}.mashsb-buttons a{margin-right:3px;margin-bottom:3px;min-width:0px;width:41px}.onoffswitch2{display:none}.mashsb-buttons{display:table}

/*# sourceURL=amp-custom.css */</style><link rel="canonical" href="https://www.crazyleafdesign.com/blog/hailpixel-color-picker/"><script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://www.crazyleafdesign.com/blog/hailpixel-color-picker/#article","isPartOf":{"@id":"https://www.crazyleafdesign.com/blog/hailpixel-color-picker/"},"author":{"name":"CrazyLeaf Editorial","@id":"https://www.crazyleafdesign.com/blog/#/schema/person/b6a5ee60ad8ef2b81b481fc4deb4b9d0"},"headline":"HailPixel Color Picker","datePublished":"2013-02-19T16:17:50+00:00","dateModified":"2016-04-08T05:52:22+00:00","mainEntityOfPage":{"@id":"https://www.crazyleafdesign.com/blog/hailpixel-color-picker/"},"wordCount":98,"commentCount":0,"image":{"@id":"https://www.crazyleafdesign.com/blog/hailpixel-color-picker/#primaryimage"},"thumbnailUrl":"https://www.crazyleafdesign.com/blog/wp-content/uploads/2013/02/color-picker-thumb.jpg","articleSection":["CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://www.crazyleafdesign.com/blog/hailpixel-color-picker/#respond"]}]},{"@type":"WebPage","@id":"https://www.crazyleafdesign.com/blog/hailpixel-color-picker/","url":"https://www.crazyleafdesign.com/blog/hailpixel-color-picker/","name":"HailPixel Color Picker","isPartOf":{"@id":"https://www.crazyleafdesign.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.crazyleafdesign.com/blog/hailpixel-color-picker/#primaryimage"},"image":{"@id":"https://www.crazyleafdesign.com/blog/hailpixel-color-picker/#primaryimage"},"thumbnailUrl":"https://www.crazyleafdesign.com/blog/wp-content/uploads/2013/02/color-picker-thumb.jpg","datePublished":"2013-02-19T16:17:50+00:00","dateModified":"2016-04-08T05:52:22+00:00","author":{"@id":"https://www.crazyleafdesign.com/blog/#/schema/person/b6a5ee60ad8ef2b81b481fc4deb4b9d0"},"description":"HailPixel Color Picker is one of the friendliest and easiest to use CSS color pickers I ever encountered. Just point on the screen and pick the color.","breadcrumb":{"@id":"https://www.crazyleafdesign.com/blog/hailpixel-color-picker/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.crazyleafdesign.com/blog/hailpixel-color-picker/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.crazyleafdesign.com/blog/hailpixel-color-picker/#primaryimage","url":"https://www.crazyleafdesign.com/blog/wp-content/uploads/2013/02/color-picker-thumb.jpg","contentUrl":"https://www.crazyleafdesign.com/blog/wp-content/uploads/2013/02/color-picker-thumb.jpg","width":180,"height":120,"caption":"hail pixel color picker"},{"@type":"BreadcrumbList","@id":"https://www.crazyleafdesign.com/blog/hailpixel-color-picker/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.crazyleafdesign.com/blog/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https://www.crazyleafdesign.com/blog/category/web-design/"},{"@type":"ListItem","position":3,"name":"CSS","item":"https://www.crazyleafdesign.com/blog/category/web-design/css/"},{"@type":"ListItem","position":4,"name":"HailPixel Color Picker"}]},{"@type":"WebSite","@id":"https://www.crazyleafdesign.com/blog/#website","url":"https://www.crazyleafdesign.com/blog/","name":"CrazyLeaf Design Blog","description":"LETS INSPIRE IN WEB AND GRAPHIC DESIGN!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.crazyleafdesign.com/blog/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.crazyleafdesign.com/blog/#/schema/person/b6a5ee60ad8ef2b81b481fc4deb4b9d0","name":"CrazyLeaf Editorial","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.crazyleafdesign.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/921c173337b5042f53fa9062d500b84b?s=96\u0026d=mm\u0026r=g","contentUrl":"https://secure.gravatar.com/avatar/921c173337b5042f53fa9062d500b84b?s=96\u0026d=mm\u0026r=g","caption":"CrazyLeaf Editorial"},"description":"Follow us on Twitter @crazyleaf , Facebook , Pinterest","sameAs":["https://crazyleafdesign.com/blog","https://www.facebook.com/crazyleafdesign","https://x.com/crazyleaf"],"url":"https://www.crazyleafdesign.com/blog/author/administrator/"}]}</script><title>HailPixel Color Picker</title></head>

<body data-rsssl="1" class="">


<div class="g1-header g1-row g1-row-layout-page">
	<div class="g1-row-inner">
		<div class="g1-column">
			<div class="g1-hamburger g1-hamburger-show " on="tap:g1-canvas.toggle" role="button" tabindex="10">
				<span class="g1-hamburger-icon"></span>
				<span class="g1-hamburger-label">Menu</span>
			</div>

			
<div class="g1-id">
				<p class="g1-mega g1-mega-1st site-title">
			
			<a class="g1-logo-wrapper" href="https://www.crazyleafdesign.com/blog/" rel="home">
									<amp-img class="g1-logo g1-logo-default i-amphtml-layout-responsive i-amphtml-layout-size-defined" width="20" height="0" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2014/01/favicon.ico" srcset="https://www.crazyleafdesign.com/blog/wp-content/uploads/2014/01/favicon.ico 2x,https://www.crazyleafdesign.com/blog/wp-content/uploads/2014/01/favicon.ico 1x" alt="CrazyLeaf Design Blog" layout="responsive" data-hero-candidate="" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:0%"></i-amphtml-sizer></amp-img>							</a>

				</p>

	</div>

		</div>
	</div>
	<div class="g1-row-background">
	</div>
</div>


<div class="g1-row g1-row-layout-page g1-row-padding-m">
	<div class="g1-row-inner">
		<div class="g1-column">

							
				<article class="entry-tpl-classic amp-wp-article">
					<header class="entry-header amp-wp-article-header">

						<span class="entry-categories "><span class="entry-categories-inner"><span class="entry-categories-label">in</span> <a href="https://www.crazyleafdesign.com/blog/category/web-design/css/" class="entry-category entry-category-item-12"><span itemprop="articleSection">CSS</span></a></span></span>
						<h1 class="g1-mega g1-mega-1st entry-title amp-wp-title">HailPixel Color Picker</h1>

						
													<p class="g1-meta g1-meta-m entry-meta entry-meta-m">
								<span class="entry-byline entry-byline-m entry-byline-with-avatar">
													<span class="entry-author" itemscope="" itemprop="author" itemtype="http://schema.org/Person">
	
		<span class="entry-meta-label">by</span>
			<a href="https://www.crazyleafdesign.com/blog/author/administrator/" title="Posts by CrazyLeaf Editorial" rel="author">
			<amp-img layout="intrinsic" alt="" src="https://secure.gravatar.com/avatar/921c173337b5042f53fa9062d500b84b?s=40&amp;d=mm&amp;r=g" srcset="https://secure.gravatar.com/avatar/921c173337b5042f53fa9062d500b84b?s=80&amp;d=mm&amp;r=g 2x" class="avatar avatar-40 photo i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" height="40" width="40" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwIiB3aWR0aD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"></i-amphtml-sizer></amp-img>
							<strong itemprop="name">CrazyLeaf Editorial</strong>
					</a>
	</span>
	
										<time class="entry-date" datetime="2013-02-19T18:17:50+08:00" itemprop="datePublished">13 years ago</time>								</span>

								<span class="entry-stats entry-stats-m">

									
									
									
																	</span>
							</p>
											</header>
					<figure class="amp-wp-article-featured-image wp-caption">
	<amp-img width="180" height="120" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2013/02/color-picker-thumb.jpg" class="attachment-bimber-grid-2of3 size-bimber-grid-2of3 wp-post-image amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" alt="hail pixel color picker" data-hero-candidate="" layout="intrinsic" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyMCIgd2lkdGg9IjE4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer><noscript><img width="180" height="120" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2013/02/color-picker-thumb.jpg" alt="hail pixel color picker" decoding="async" loading="lazy"></noscript></amp-img>	</figure>

					<aside class="mashsb-container mashsb-main mashsb-stretched mashsb-stretched"><div class="mashsb-box"><div class="mashsb-count mash-large"><div class="counts mashsbcount">2</div><span class="mashsb-sharetext">SHARES</span></div><div class="mashsb-buttons"><a class="mashicon-facebook mash-large mash-center mashsb-noshadow" href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.crazyleafdesign.com%2Fblog%2Fhailpixel-color-picker%2F" target="_top" rel="nofollow"><span class="icon"></span><span class="text">Share</span></a><a class="mashicon-twitter mash-large mash-center mashsb-noshadow" href="https://twitter.com/intent/tweet?text=HailPixel%20Color%20Picker&amp;url=https://www.crazyleafdesign.com/blog/hailpixel-color-picker/" target="_top" rel="nofollow"><span class="icon"></span><span class="text">Tweet</span></a><a class="mashicon-pinterest mash-large mash-center mashsb-noshadow" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.crazyleafdesign.com%2Fblog%2Fhailpixel-color-picker%2F&amp;media=https://www.crazyleafdesign.com/blog/wp-content/uploads/2013/02/color-picker-thumb.jpg&amp;description=HailPixel+Color+Picker" target="_top" rel="nofollow"><span class="icon"></span><span class="text">Pinterest</span></a><div class="onoffswitch2 mash-large mashsb-noshadow"></div></div></div>
                    <div></div><div class="mashsb-toggle-container"></div></aside>
            
					<div class="entry-content g1-typography-xl">
						<p>HailPixel Color Picker is one of the easiest to use CSS color pickers I ever encountered. The color picking area is the whole screen and you choose the color by moving the cursor around : back and forth for <strong>Hue</strong>, up and down for <strong>Lightness</strong> and scrolling up and down for <strong>Saturation</strong>.</p>
<p></p>
<p><amp-img src="https://crazyleafdesign.com/blog/wp-content/uploads/2013/02/color-picker.jpg" alt="color-picker" width="600" height="251" class="amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" layout="intrinsic" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI1MSIgd2lkdGg9IjYwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer><noscript><img loading="lazy" decoding="async" src="https://crazyleafdesign.com/blog/wp-content/uploads/2013/02/color-picker.jpg" alt="color-picker" width="600" height="251"></noscript></amp-img></p>
<p>When you reach the desired color, you save it just by clicking and then you go on to the next color. You can do this basically endless. Each strip is saved and you can easily copy every strip’s HEX value.</p>
<p><strong>Website</strong> : <a href="http://color.hailpixel.com/" rel="nofollow">color.hailpixel.com</a></p>
					</div>

					<nav class="g1-nav-single">
	<div class="g1-nav-single-inner">
		<p class="g1-single-nav-label">See more</p>
				<ul class="g1-nav-single-links">
			<li class="g1-nav-single-prev">
									<a href="https://www.crazyleafdesign.com/blog/orange-websites/amp/">
					<strong>Previous article</strong> 
					<span class="g1-gamma g1-gamma-1st">30 Amazing Examples of Orange Websites</span>
					</a>
							</li>
			<li class="g1-nav-single-next">
									<a href="https://www.crazyleafdesign.com/blog/galaxy-s3-wallpapers/amp/">
					<strong>Next article</strong> 
					<span class="g1-gamma g1-gamma-1st">Cool Samsung Galaxy S3 Wallpapers</span>
					</a>
							</li>
		</ul>
	</div>
</nav>
	<section class="g1-row author-info" itemscope="" itemtype="http://schema.org/Person">
		<div class="g1-row-inner author-info-inner">
			<div class="g1-column author-overview">

				<figure class="author-avatar">
					<a href="https://www.crazyleafdesign.com/blog/author/administrator/">
						<amp-img layout="intrinsic" alt="" src="https://secure.gravatar.com/avatar/921c173337b5042f53fa9062d500b84b?s=80&amp;d=mm&amp;r=g" srcset="https://secure.gravatar.com/avatar/921c173337b5042f53fa9062d500b84b?s=160&amp;d=mm&amp;r=g 2x" class="avatar avatar-80 photo i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" height="80" width="80" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjgwIiB3aWR0aD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"></i-amphtml-sizer></amp-img>
					</a>
				</figure>

				<header>
										<h2 class="g1-gamma g1-gamma-1st author-title">Written by <a href="https://www.crazyleafdesign.com/blog/author/administrator/"><span itemprop="name">CrazyLeaf Editorial</span></a></h2>

									</header>

								<div itemprop="description" class="author-bio">
					<p>Follow us on Twitter <a href="http://www.twitter.com/crazyleaf" rel="nofollow">@crazyleaf</a> , <a href="https://www.facebook.com/crazyleafdesign/">Facebook</a> , <a href="https://www.pinterest.com/crazyleaf/">Pinterest</a></p>
				</div>
				
				<div class="author-extras">
									</div>
			</div>
		</div>
	</section>



		<aside class="g1-more-from">
		<h2 class="g1-delta g1-delta-2nd g1-collection-title"><span>More From: <a href="https://www.crazyleafdesign.com/blog/category/web-design/css/">CSS</a></span></h2>		<div class="g1-collection">
			<div class="g1-collection-viewport">
				<ul class="g1-collection-items">
					
						<li class="g1-collection-item">
							
<article class="entry-tpl-list post-31346 post type-post status-publish format-standard has-post-thumbnail category-css category-html category-web-design">
	<div class="entry-featured-media "><a title="How to successfully convert PSD to HTML5 and CSS3" class="g1-frame" href="https://www.crazyleafdesign.com/blog/how-to-successfully-convert-psd-to-html5-and-css3/amp/"><div class="g1-frame-inner"><amp-img width="364" height="205" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-364x205.jpg" class="attachment-bimber-list-standard size-bimber-list-standard wp-post-image amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" alt="" srcset="https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-364x205.jpg 364w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-192x108.jpg 192w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-384x216.jpg 384w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-728x409.jpg 728w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-561x316.jpg 561w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-1122x631.jpg 1122w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-758x426.jpg 758w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-1152x648.jpg 1152w" sizes="(max-width: 364px) 100vw, 364px" layout="intrinsic" disable-inline-width="" data-hero i-amphtml-ssr i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwNSIgd2lkdGg9IjM2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer><img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" fetchpriority="high" alt="" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-364x205.jpg" srcset="https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-364x205.jpg 364w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-192x108.jpg 192w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-384x216.jpg 384w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-728x409.jpg 728w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-561x316.jpg 561w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-1122x631.jpg 1122w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-758x426.jpg 758w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-1152x648.jpg 1152w" sizes="(max-width: 364px) 100vw, 364px"></amp-img><span class="g1-frame-icon g1-frame-icon-"></span></div></a></div>
	<div class="entry-body">
		<header class="entry-header">
			<div class="entry-before-title">
				
							</div>

			<h3 class="g1-gamma g1-gamma-1st entry-title"><a href="https://www.crazyleafdesign.com/blog/how-to-successfully-convert-psd-to-html5-and-css3/amp/" rel="bookmark">How to successfully convert PSD to HTML5 and CSS3</a></h3>		</header>

		
			</div>
</article>
						</li>

					
						<li class="g1-collection-item">
							
<article class="entry-tpl-list post-27573 post type-post status-publish format-standard has-post-thumbnail category-css tag-css-2 tag-css5 tag-web-design-2 tag-web-development">
	<div class="entry-featured-media "><a title="Everything You Should Know About The Upcoming Features Of CSS 5" class="g1-frame" href="https://www.crazyleafdesign.com/blog/the-upcoming-features-of-css-5/amp/"><div class="g1-frame-inner"><amp-img width="364" height="205" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-364x205.png" class="attachment-bimber-list-standard size-bimber-list-standard wp-post-image amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" alt="The Upcoming Features Of CSS 5" srcset="https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-364x205.png 364w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-192x108.png 192w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-384x216.png 384w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-561x315.png 561w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-86x48.png 86w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-171x96.png 171w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5.png 588w" sizes="auto, (max-width: 364px) 100vw, 364px" layout="intrinsic" disable-inline-width="" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwNSIgd2lkdGg9IjM2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer><noscript><img width="364" height="205" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-364x205.png" alt="The Upcoming Features Of CSS 5" decoding="async" loading="lazy" srcset="https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-364x205.png 364w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-192x108.png 192w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-384x216.png 384w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-561x315.png 561w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-86x48.png 86w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-171x96.png 171w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5.png 588w" sizes="auto, (max-width: 364px) 100vw, 364px"></noscript></amp-img><span class="g1-frame-icon g1-frame-icon-"></span></div></a></div>
	<div class="entry-body">
		<header class="entry-header">
			<div class="entry-before-title">
				
							</div>

			<h3 class="g1-gamma g1-gamma-1st entry-title"><a href="https://www.crazyleafdesign.com/blog/the-upcoming-features-of-css-5/amp/" rel="bookmark">Everything You Should Know About The Upcoming Features Of CSS 5</a></h3>		</header>

		
			</div>
</article>
						</li>

					
						<li class="g1-collection-item">
							
<article class="entry-tpl-list post-21479 post type-post status-publish format-standard has-post-thumbnail category-css category-html category-programming category-web-design">
	<div class="entry-featured-media "><a title="Top 10 News Sites Miserably Fail Google’s New Speed Test" class="g1-frame" href="https://www.crazyleafdesign.com/blog/does-googles-new-speed-test-tool-matter/amp/"><div class="g1-frame-inner"><amp-img width="309" height="205" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM.png" class="attachment-bimber-list-standard size-bimber-list-standard wp-post-image amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" alt="google speed test speedometer" srcset="https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM.png 1100w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM-600x398.png 600w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM-768x510.png 768w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM-1024x680.png 1024w" sizes="auto, (max-width: 309px) 100vw, 309px" layout="intrinsic" disable-inline-width="" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwNSIgd2lkdGg9IjMwOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer><noscript><img width="309" height="205" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM.png" alt="google speed test speedometer" decoding="async" loading="lazy" srcset="https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM.png 1100w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM-600x398.png 600w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM-768x510.png 768w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM-1024x680.png 1024w" sizes="auto, (max-width: 309px) 100vw, 309px"></noscript></amp-img><span class="g1-frame-icon g1-frame-icon-"></span></div></a></div>
	<div class="entry-body">
		<header class="entry-header">
			<div class="entry-before-title">
				
							</div>

			<h3 class="g1-gamma g1-gamma-1st entry-title"><a href="https://www.crazyleafdesign.com/blog/does-googles-new-speed-test-tool-matter/amp/" rel="bookmark">Top 10 News Sites Miserably Fail Google’s New Speed Test</a></h3>		</header>

		
			</div>
</article>
						</li>

					
						<li class="g1-collection-item">
							
<article class="entry-tpl-list post-13074 post type-post status-publish format-standard has-post-thumbnail category-css">
	<div class="entry-featured-media "><a title="Create 3D Clouds in CSS" class="g1-frame" href="https://www.crazyleafdesign.com/blog/create-3d-clouds-css/amp/"><div class="g1-frame-inner"><amp-img width="364" height="137" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2013/02/3d-simple-storm-clouds.jpg" class="attachment-bimber-list-standard size-bimber-list-standard wp-post-image amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" alt="3D Sotrm Clouds" layout="intrinsic" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEzNyIgd2lkdGg9IjM2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer><noscript><img width="364" height="137" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2013/02/3d-simple-storm-clouds.jpg" alt="3D Sotrm Clouds" decoding="async" loading="lazy"></noscript></amp-img><span class="g1-frame-icon g1-frame-icon-"></span></div></a></div>
	<div class="entry-body">
		<header class="entry-header">
			<div class="entry-before-title">
				
							</div>

			<h3 class="g1-gamma g1-gamma-1st entry-title"><a href="https://www.crazyleafdesign.com/blog/create-3d-clouds-css/amp/" rel="bookmark">Create 3D Clouds in CSS</a></h3>		</header>

		
			</div>
</article>
						</li>

					
						<li class="g1-collection-item">
							
<article class="entry-tpl-list post-7517 post type-post status-publish format-standard category-css">
	
	<div class="entry-body">
		<header class="entry-header">
			<div class="entry-before-title">
				
							</div>

			<h3 class="g1-gamma g1-gamma-1st entry-title"><a href="https://www.crazyleafdesign.com/blog/learn-css/amp/" rel="bookmark">30 Best Platforms to Know More About CSS</a></h3>		</header>

		
			</div>
</article>
						</li>

					
						<li class="g1-collection-item">
							
<article class="entry-tpl-list post-1324 post type-post status-publish format-standard category-css">
	
	<div class="entry-body">
		<header class="entry-header">
			<div class="entry-before-title">
				
							</div>

			<h3 class="g1-gamma g1-gamma-1st entry-title"><a href="https://www.crazyleafdesign.com/blog/design-inspiration-1-css-and-flash-web-gallery/amp/" rel="bookmark">Design Inspiration #1 | CSS and Flash Web Gallery</a></h3>		</header>

		
			</div>
</article>
						</li>

									</ul>
			</div>
		</div>

					</aside>
<p>
	<a class="g1-button g1-button-l g1-button-wide g1-button-solid" href="https://www.crazyleafdesign.com/blog/hailpixel-color-picker/#respond">
		Leave a Reply	</a>
</p>



	<meta itemprop="mainEntityOfPage" content="https://www.crazyleafdesign.com/blog/hailpixel-color-picker/">

	
			<meta itemprop="dateModified" content="2016-04-08T13:52:22">
	
	<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
		<meta itemprop="name" content="CrazyLeaf Design Blog">
		<meta itemprop="url" content="https://www.crazyleafdesign.com/blog">
		<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
			<meta itemprop="url" content="https://www.crazyleafdesign.com/blog/wp-content/uploads/2017/11/logo_main.png">
		</span>
	</span>
	
					<footer class="amp-wp-article-footer">
						<p class="g1-switch-to-non-amp">
							<a rel="noamphtml" class="g1-button g1-button-m g1-button-solid" href="https://www.crazyleafdesign.com/blog/hailpixel-color-picker/">See the full version of this page</a>						</p>
					</footer>
				</article>
			
		</div>
	</div>
</div>

<div class="g1-row g1-row-layout-page g1-footer">
	<div class="g1-row-inner">
		<div class="g1-column">
			<p class="g1-footer-text"></p>
		</div>
	</div>
	<div class="g1-row-background">
	</div>
</div>
		<div id="amp-mobile-version-switcher">
			<a rel="nofollow" href="https://www.crazyleafdesign.com/blog/hailpixel-color-picker/?noamp=mobile">
				Exit mobile version			</a>
		</div>

				




<amp-sidebar id="g1-canvas" layout="nodisplay" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay">

	
	<nav id="g1-canvas-primary-nav" class="g1-primary-nav"><ul id="g1-canvas-primary-nav-menu" class="g1-primary-nav-menu"><li id="menu-item-15953" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-15953"><a href="https://www.crazyleafdesign.com/blog/">Home</a></li>
<li id="menu-item-74810" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-74810"><a href="https://www.crazyleafdesign.com/blog/category/artificial-intelligence/">Artificial Intelligence</a>
<ul class="sub-menu">
	<li id="menu-item-74809" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-74809"><a href="https://www.crazyleafdesign.com/blog/category/artificial-intelligence/ai-animation/">AI Animation Showcase</a></li>
	<li id="menu-item-74811" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-74811"><a href="https://www.crazyleafdesign.com/blog/category/artificial-intelligence/ai-image-showcases/">AI Images Showcase</a></li>
</ul>
</li>
<li id="menu-item-15963" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-has-children menu-item-15963"><a href="https://www.crazyleafdesign.com/blog/category/web-design/">Web Design</a>
<ul class="sub-menu">
	<li id="menu-item-27463" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27463"><a href="https://www.crazyleafdesign.com/blog/category/web-design/free-wordpress-themes/">WordPress Themes</a></li>
	<li id="menu-item-27462" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27462"><a href="https://www.crazyleafdesign.com/blog/category/resources/websites/">Websites</a></li>
	<li id="menu-item-27467" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27467"><a href="https://www.crazyleafdesign.com/blog/category/web-design/programming/">Programming</a></li>
	<li id="menu-item-27466" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27466"><a href="https://www.crazyleafdesign.com/blog/category/web-design/html/">HTML</a></li>
	<li id="menu-item-27464" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-27464"><a href="https://www.crazyleafdesign.com/blog/category/web-design/css/">CSS</a></li>
</ul>
</li>
<li id="menu-item-15958" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-15958"><a href="https://www.crazyleafdesign.com/blog/category/graphic-design/">Graphic Design</a>
<ul class="sub-menu">
	<li id="menu-item-27458" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27458"><a href="https://www.crazyleafdesign.com/blog/category/graphic-design/photoshop/">Photoshop</a></li>
	<li id="menu-item-27459" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27459"><a href="https://www.crazyleafdesign.com/blog/category/graphic-design/print/">Print</a></li>
	<li id="menu-item-27460" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27460"><a href="https://www.crazyleafdesign.com/blog/category/graphic-design/typography/">Typography</a></li>
	<li id="menu-item-27461" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27461"><a href="https://www.crazyleafdesign.com/blog/category/graphic-design/vector-graphics/">Vector Graphics</a></li>
	<li id="menu-item-27457" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27457"><a href="https://www.crazyleafdesign.com/blog/category/graphic-design/photography/">Photography</a></li>
</ul>
</li>
<li id="menu-item-15960" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-15960"><a href="https://www.crazyleafdesign.com/blog/category/resources/">Resources</a>
<ul class="sub-menu">
	<li id="menu-item-27477" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27477"><a href="https://www.crazyleafdesign.com/blog/cloud-web-design-resources/">Web Design Resources</a></li>
	<li id="menu-item-15956" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15956"><a href="https://www.crazyleafdesign.com/blog/category/design-coolness/">Coolness</a></li>
	<li id="menu-item-15962" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15962"><a href="https://www.crazyleafdesign.com/blog/category/wallpapers/">Wallpapers</a></li>
	<li id="menu-item-15961" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15961"><a href="https://www.crazyleafdesign.com/blog/category/tutorials/">Tutorials</a></li>
	<li id="menu-item-25127" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-25127"><a href="https://www.crazyleafdesign.com/blog/category/marketing/">Marketing</a></li>
	<li id="menu-item-15959" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15959"><a href="https://www.crazyleafdesign.com/blog/category/inspiration/">Inspiration</a></li>
	<li id="menu-item-15957" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15957"><a href="https://www.crazyleafdesign.com/blog/category/freebies/">Freebies</a></li>
</ul>
</li>
<li id="menu-item-15954" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-15954"><a href="https://www.crazyleafdesign.com/blog/design-resources/" title="References Design Links">References</a>
<ul class="sub-menu">
	<li id="menu-item-27475" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27475"><a href="https://www.crazyleafdesign.com/blog/design-cloud/">Design Cloud</a></li>
	<li id="menu-item-27476" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27476"><a href="https://www.crazyleafdesign.com/blog/cloud-typography-resources/">Typography Resources</a></li>
	<li id="menu-item-27474" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27474"><a href="https://www.crazyleafdesign.com/blog/cloud-stock-photos-resources/">Stock Photos Resources</a></li>
	<li id="menu-item-27478" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27478"><a href="https://www.crazyleafdesign.com/blog/cloud-web-galleries/">Web Galleries</a></li>
	<li id="menu-item-27479" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27479"><a href="https://www.crazyleafdesign.com/blog/cloud-books/">Books</a></li>
	<li id="menu-item-27480" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27480"><a href="https://www.crazyleafdesign.com/blog/cloud-code-editors/">Code Editors</a></li>
	<li id="menu-item-27481" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27481"><a href="https://www.crazyleafdesign.com/blog/cloud-color-management/">Color Management</a></li>
	<li id="menu-item-27482" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27482"><a href="https://www.crazyleafdesign.com/blog/cloud-font-resources/">Font Resources</a></li>
	<li id="menu-item-27483" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27483"><a href="https://www.crazyleafdesign.com/blog/cloud-graphic-design-resources/">Graphic Design Blogs and Resources</a></li>
	<li id="menu-item-27484" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27484"><a href="https://www.crazyleafdesign.com/blog/cloud-image-optimization/">Image Optimization</a></li>
	<li id="menu-item-27473" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27473"><a href="https://www.crazyleafdesign.com/blog/cloud-texture-resources/">Texture Resources</a></li>
</ul>
</li>
</ul></nav>	

	
	<nav id="g1-canvas-secondary-nav" class="g1-secondary-nav"><ul id="g1-canvas-secondary-nav-menu" class="g1-secondary-nav-menu"><li id="menu-item-27485" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27485"><a href="https://www.crazyleafdesign.com/">Back to CLD</a></li>
<li id="menu-item-26044" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26044"><a href="https://www.crazyleafdesign.com/blog/contact/">Contact Us</a></li>
<li id="menu-item-26042" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26042"><a href="https://www.crazyleafdesign.com/blog/advertise/">Advertise / Sponsorship</a></li>
</ul></nav>	

</amp-sidebar>

</body></html>