💌 Velog를 열심히 작성하던 도중 문뜩 UI에서 제공되는 기능말고 글자 색이나 형광펜 기능은 사용할 수 없을까 고민하던 중 좋은 방법을 찾게 되어 꿀팁🐝 한번 작성해보았습니다.
💡 <예시> 아래와 같이 사과를 빨갛게 물들이고 싶다면!
오늘 아침에 먹은 사과는 빨갛고 맛있었어요~! 🍎오늘 아침에 먹은 <span style="color: red">사과</span>는 빨갛고 맛있었어요~! 🍎
📢 여기서 잠깐! hex code란?
hex code는, RGB 방식 색상 코드 표기법으로, #과 뒤에 붙는 여섯 자리 또는 세 자리의 숫자로 색상을 표기하는 방식입니다.
💡 <예시> 아래와 같이 카레를 노랗게 칠하고 싶다면!
오늘 아침에 먹은 카레는 노랗고 맛있었어요~! 🥣오늘 아침에 먹은 <span style='background-color: yellow'>카레</span>는 노랗고 맛있었어요~! 🥣
Color | RGB | Hex Color | Example |
---|---|---|---|
Black | (0, 0, 0) | #000000 | ㅤㅤㅤㅤㅤ |
White | (255, 255, 255) | #FFFFFF | ㅤㅤㅤㅤㅤ |
Gray | (128, 128, 128) | #808080 | ㅤㅤㅤㅤㅤ |
Red | (255, 0, 0) | #FF0000 | ㅤㅤㅤㅤㅤ |
Blue | (0, 0, 255) | #0000FF | ㅤㅤㅤㅤㅤ |
Green | (0, 128, 0) | #008000 | ㅤㅤㅤㅤㅤ |
Yellow | (128, 0, 128) | #ffd33d | ㅤㅤㅤㅤㅤ |
SkyBlue | (76, 201, 254) | #4CC9FE | ㅤㅤㅤㅤㅤ |
Color | RGB | Hex Color | Example |
---|---|---|---|
연한회색 | (246, 248, 250) | #f6f8fa | ㅤ연한회색ㅤ |
연한하늘 | (241, 248, 255) | #f1f8ff | ㅤ연한하늘ㅤ |
연한노랑 | (255, 245, 177) | #fff5b1 | ㅤ연한노랑ㅤ |
연한빨강 | (255, 220, 224) | #ffdce0 | ㅤ연한빨강ㅤ |
연한초록 | (220, 255, 228) | #dcffe4 | ㅤ연한초록ㅤ |
연한보라 | (245, 240, 255) | #f5f0ff | ㅤ연한보라ㅤ |
연한주황 | (247, 221, 190) | #F7DDBE | ㅤ연한주황ㅤ |
연한파랑 | (209, 235, 249) | #d1ebf9 | ㅤ연한파랑ㅤ |
감사합니다^~^
감사합니다. 블로그 작성이 좀 더 재밌어지겠네요 :)