lighten/darken

CSS顏色深淺調整法lighten/darken

  • lighten:變淺
  • darken:變深
h3.lighten lighten color
h3.natural natural color
h3.darken darken color
.lighten
 //lighten(color code, percentage)
 color: lighten(#2f85a3, 25%)

.natural
 color: #2f85a3
 
.darken
 color: darken(#2f85a3, 25%)

Display

lighten color

natural color

darken color

Leave a Reply

Your email address will not be published. Required fields are marked *