CSS - color

chayonning·2023년 6월 8일

css

목록 보기
1/2

To make visuable website

  • Make the main color match your website’s personality: colors convey meaning!
  • Need at least two types of colors in your color palette: a main color and a grey color

  • Can add more colors : accent colors : which has some relationship between main color
  • Use main color to draw attentin to th most important page
    -> Make users to click : logo , button
  • Dark colored backgrounds : try to use a tint of the background("lighter version")
  • Text should usually not be completely black : Lighten it up to looks not that heavy
  • After set the color, we should check background color and the text color
    • To make text accessible for everyone⭐⭐⭐
    • Use contrast checker

toolBox

  • tailwindcss
  • palleton.com
  • coolors
  • opencolor

button order

Have to set the order by

1) .btn:link{}
2) .btn:visited{}
3) .btn:hover{}
4) .btn:active{}

📘I wrote this to organize what I learned while studying !📘

😃 If there are some suspicious content plz lemme know 😃

0개의 댓글