recentpopularlog in

piperh : colour   80

The Many Ways to Change an SVG Fill on Hover (and When to Use Them) | CSS-Tricks
Ways to colour svg, inline or as img. Interesting info and ref about svg and css filters, and a weird way to specify rgba colours using matrix
webdesign  web  design  code  coding  colour  color  filter  css  svg 
5 weeks ago by piperh
Iconfu - Get Icons in your Color and Style
a library of vector icons. Nice professional images but not all free. Free collection is called 'Material'
icons  vector  library  graphic  design  web  colour 
5 weeks ago by piperh
Palettte App
a curious tool for generating colour code - with sliders for each of hue, saturation and lightness - cool for instantly seeing the effect of changing values
color  colour  value  code  hsl  hsv  rgb  hex  palette  tool  webdesign  web  design  graphic 
5 weeks ago by piperh
140 HTML Color Names - html-color-names.com
list + swatches of html named colours, with their hex and rgb refs
webdesign  web  design  webdev  development  html  colour  color  colors  name  names  code  hex  rgb  reference 
8 weeks ago by piperh
Cool Backgrounds
interesting backgrounds: trianglify etc plus the web code for installing on a site
webdesign  web  design  graphic  background  image  colour  gradient  animated  generator  code 
11 weeks ago by piperh
QuickLens – Explore the UI, down to the Pixels
they say: Powerful Mac App to zoom into pixels, sample colors, measure distances, check alignments, and much more. Costs $10
web  graphic  design  mac  apple  app  colour  distance  mesure  sample 
november 2018 by piperh
CSS Duotone Generator
playground for css image blend effects. Photoshop-like blending modes. Give duotone-like effects. Generate the html and css
webdesign  web  design  css  blend  duotone  generator  effect  colour  html 
september 2018 by piperh
Duotone Effect Generator
you can upload photos and see instant duotone effects, and download treated image
design  graphic  image  photo  duotone  generator  colour  resource  tool  online 
june 2018 by piperh
CSS Gradient Rounded Borders
a pen with code for gradient borders. Possibly naff but possibly handy too
webdesign  web  design  css  gradient  border  fill  colour  howto 
may 2018 by piperh
CSS Gradient
css colour gradient generator. Generates hex and rgb, but not hsl. Has some premade favourites
webdesign  web  design  color  colour  gradient  generator  css  code 
march 2018 by piperh
Why Gradients are back to rule in 2018? – UX Planet
Article is too simple and simplistic but useful list of gradient generators near end
webdesign  web  design  graphic  colour  gradient  generator  online  tools  reference  blend 
march 2018 by piperh
CSS-only shimmering neon text
ingenious css-only neonish (sort of) animated effect on text
webdesign  web  design  css  neon  effect  colour  animate  animation 
january 2018 by piperh
Grabient
set of gradients ready to use. You can vary the colours and the angle of gradient
webdesign  web  design  gradient  css  code  colour 
august 2017 by piperh
4 CSS Filters For Adjusting Color - Vanseo Design
description of css methods for filtering colours and images. Check caniuse for usability!
webdesign  web  design  css  filter  colour  image  filter-function  function 
june 2017 by piperh
Mixfont | A modern font generator
a selection of text shadow examples with their css - handy maybe for quick copying
webdesign  web  design  css  colour  text  shadow  text-shadow  syntax  example  type  h1  headline  heading  effect 
june 2017 by piperh
Easing Linear Gradients | CSS-Tricks
tedious nerdy article about linear gradients for colour blends and simulating easing for smoothness. Possibly useful sometime if you could be arsed to plough through the calculations
webdesign  web  design  css  colour  gradient  ease  easing  euclidean  curve  smooth  banding 
may 2017 by piperh
Simple Icons
lots of well-known company trademark icons in svg format, with colour ref. Web/tech company emphasis.
webdesign  web  design  graphic  icon  free  svg  vector  service  media  brand  logo  format  company  trademark  colour  resource 
january 2017 by piperh
ChromeLens
Chrome extension to analyse website with respect to accessibility and sight impairment and colour blindness
webdesign  web  design  chrome  plugin  extension  colour  blind  sight  impaired  accessibility  keyboard  tab  scroll  navigation  flow  filter  emulate  simulate  accessible 
august 2016 by piperh
Closest Color
online tool allowing you to upload existing css and find the closest colour to a new one you want to add, then maybe you don't have to add the new one.
webdesign  web  design  graphic  colour  match  near  tool  online 
june 2016 by piperh
Color Picker — HTML Color Codes
great resource for choosing or picking colours. Gives resulting colour in all web formats.
web  graphic  design  colour  rgb  hsla  hex  code  harmony  pick  picker  choose  online  named 
november 2015 by piperh
CSS Drive: Image to Colors Palette Generator
web based css colour palette generator. Upload an image and it will produce a palette based on an image's predominant colours. It produces a plain list with color 1, color 2 etc, so not easy to use in the css, but probably you could select from their on-screen palette.
webdesign  web  design  graphic  colour  color  css  palette  image  photo 
october 2015 by piperh
HTML Color Codes
web-based colour picker giving web code in all formats. Handy reference. Also has all named web colours. Good interface for testing colours and instantly seeing the ref, including HSL.
webdesign  web  design  colour  color  browser  picker  code  chart  names  tutorial  resources 
september 2015 by piperh
Plum Amazing :: PixelStick for Mac
measures distance, angle and colour on mac screen
mac  tool  utility  measure  screen  pixel  monitor  software  app  application  distance  angle  colour 
may 2015 by piperh
0to255
allows you to choose a colour and see all tints related to it. A small pop-up window appears next to pointer which compares chosen colour with the hovered tint. Handy
colour  scheme  tint  picker  hex  design  tool  compare  contrast  palette 
july 2014 by piperh
Convert Hex color #bd6530 to Rgb, Pantone, RAL, HSL, HSV, HSB, JSON. Get color scheme.
23.5.14 I didn't find this very accurate. Check results against Pantone Bridge
colour  conversion  rgb  pantone  cmyk  hex  css  value  convert 
may 2014 by piperh
Plum Amazing :: PixelStick for Mac
utility for measuring screen pixels and sampling colour, from any app
mac  software  app  measure  pixels  pixel  stick  colour  color  dropper  eyedropper  measuring  screen  distance 
february 2013 by piperh

Copy this bookmark:





to read