질문/조언질답게시판
Extra Form
PHP PHP 7.0
CMS XpressEngine

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

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

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

 

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

검색어도 애매하고,

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

  • profile
    https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4

    이곳은 참조가 될런가요?
  • profile profile

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

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