HEX1 [CSS]헥스(hex)코드 투명도 조절하기 색상을 사용할 때 보통 rgb나 hex코드 중에 하나를 사용하는데, CSS에서 투명도를 줄 때는 rgb코드를 사용해왔다. 아래와 같이 원하는 투명도를 뒤에 붙여주기만 하면 쉽게 사용할 수 있기 때문이다. background-color : rgb(277, 277, 277, 0.5); 🔍 hex 코드 투명도 조절하기 하지만 사용자가 입력한 값에 투명도를 설정해서 화면에 보여줘야하는 일이 생겼다. 입력값은 무조건 hex코드!!!!! 사용자가 #F66161을 입력했을 때 카드의 텍스트는 입력한 색상코드를 그대로 사용해주고 아래 박스는 투명도를 줘서 사용해야 했다. 우선 js로 색상을 가져온 후 hex코드 투명도를 조절하는 방법을 검색해봤당 아래표에서 원하는 투명도를 찾아, Hex열의 문자 혹은 숫자를 코드 뒤에.. 2024. 4. 12. 이전 1 다음 728x90
