Colors – DevTools Tonight #0 (Pilot)

thank you let's talk about colors you know the things you use to make your pages less Bland unless you're building a site for the Guild of Grace gate fans so say in your CSS you want to choose something different instead of the twoo frequently used papaya whip there are three cool new features and Dev tools that make that way easier the ey drop that's used to pick a color from the page has been around for some time but it was always on paradoxically making it harder to discover you you have accidentally found it when your cat's been walking over your laptop you know one of those delightful discoveries like finding a Dorito Grump in your belly button right Paul because so many people couldn't discover the feature the team went all the way back to the drawing board they thought long and hard debated the personas they wrote storyboards and facilitated focus groups and if you look in your Canary you'll finally see the result of all that engineering effort observe the I moving on there's a small but loud crowd of peach puff ainad out there I know because I'm one of them now if you need to take that name color and turn it into hex hsl rgba seam YK Manel or Panton you now can now go ahead and find out which of these I made up but first let me tell you about the biggest new feature in the new Color Picker say for some reason you're not happy with your standard go-to palette consisting of blanched almond and mint cream or maybe colors aren't your thing but you still want to embrace your artistic side either way def tools get you covered with the new pallets the custom pallet allows you to store and later reuse your own color swatches whenever you need them but the pallet isn't just useful for storing your own colors of course you're often sitting in front of a page that already has a bunch of colors and you want to reuse some that's where the autogenerated pet comes in it shows you the P colors from the current page sorted by how often they appear in the CSS and finally the material Des design padet gives you a set of colors that look great out of the box the colors you see in that list are all the primary colors of material design but there's some Nifty building magic with this one long press on one of them and you can pick a shade instead now go and make your life more colorful and let me know what you think in the comments below or on Twitter and subscribe to hear more about what's happening in the world of death tools from me Paul buckos and the rest of the Chrome death tools team we wish you a good evening and good debugging oh [Applause] [Music]