RGBA
-
styled component color값을 hex 코드로 쓰는데, rgba처럼 투명도 조절 하려면?문제와 해결 2023. 6. 16. 16:40
모달을 만들다가 background-color에 투명도를 조절해야 했다. styled-component로 개발하고 있어서 전역에 사용될 컬러를 미리 설정해뒀다. hex코드로. //theme.js export const color = { white: '#fff', grey_1: '#E5E5E5', grey_2: '#C4C4C4', grey_3: '#A3A3A3', grey_4: '#828282', grey_5: '#626262', grey_6: '#414141', black: '#000', yellow: '#fdc81d', }; 요런식으로. 그래서 투명도를 일일이 지정하기 애매해서 찾아봤더니, hex코드도 rgba의 a값(alpha)을 지정할 수 있다. hex코드는 6자리 혹은 3자리로 적는데, 이게 8자..