Q&A

css 16진수 색상코드 참고 사이트

forest
2021.03.14 11:25
404
0
4
CMS/프레임워크 XE 1.x
개발 언어 PHP 7.0

background-color: #11ffee00; /* 완전 투명 */

background-color: #1fe0; /* 완전 투명 단축 */

background-color: #11ffeeff; /* 완전 불투명 */

 

이런식으로 16진수 코드에서 투명도를 조정하는 코드는 어디에서 참고할 수 있을까요?

검색어도 애매하고,

투명도 설정하는것은 rgba 형태만 알고 있었는데 새로워서요.

 
목록

댓글 4

  • bros
    2021.03.14 13:04 #1541449
    https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4

    이곳은 참조가 될런가요?
    추천 1
  • forest
    2021.03.14 13:20 #1541459

    감사합니다. 알려주신 링크따라 몇군데 다녀보니 감은 잡히는군요. 투명도에 대해 아직 노테이션 규칙을 발견할 수 없었고 
    아쉽게도 IE 가 문제이긴 하지만 유익했습니다.
    https://caniuse.com/css-rrggbbaa

    추천 0
  • snax
    2021.03.15 00:14 #1541582
    rgba(255, 255, 255, 0.5) 이런식으로 투명도를 조정하실 수도 있습니다. 최신 크롬에서는 rgba(255, 255, 255 / 10) 이런것도 됩니다. 그 외 hsla같은 것도 많이 쓰이는 걸로 압니다. hsla같은 경우 색/채도/명도/투명도 순으로 되어 있어서 자유롭게 색상을 조합할 수 있는 장점이 있습니다. 어려워서 전 잘 안쓰지만... 전처리를 하시면 rgba를 hex나 hsla로 변환해서 ie에서도 호환되도록 할 수도 있습니다. 물론 rgba도 ie 호환됩니다. 굳이 hex를 고집하실 필요는 없습니다.
    추천 0
  • forest
    2021.03.15 02:48 #1541674
    감사합니다 워낙 오랫동안 hex표기에 익숙해져있어서 다른방식으로는 눈을 돌리지않았는데 이제 rgba 방식사용도 고려해봐야겠습니다.
    추천 0
1 2 3 4 5