💌 Velog를 열심히 작성하던 도중 문뜩 UI에서 제공되는 기능말고 글자 색이나 형광펜 기능은 사용할 수 없을까 고민하던 중 좋은 방법을 찾게 되어 꿀팁🐝 한번 작성해보았습니다.
글자 색상 바꾸기
- 글자의 색상을 바꿔주고 싶을땐 아래와 같이 바꿔줄 수 있습니다.
💡 **<예시>** 아래와 같이 사과를 빨갛게 물들이고 싶다면!
오늘 아침에 먹은 사과는 빨갛고 맛있었어요~! 🍎
- 색상명은 아래 두 가지 중 하나로 지정해줄 수 있는데요.
- red라고 직접 색상명을 넣어줄 수 있습니다.
- #ff0000라고 hex code를 넣어줄 수 있습니다.
📢 여기서 잠깐! hex code란?
hex code는, RGB 방식 색상 코드 표기법으로, #과 뒤에 붙는 여섯 자리 또는 세 자리의 숫자로 색상을 표기하는 방식입니다.
글자 형광펜 칠하기
- 특정 문장에 형광펜처럼 칠해주고 싶을땐 아래와 같이 바꿔줄 수 있습니다.
💡 **<예시>** 키워드로 색상을 지정하고 싶다면?
오늘 아침에 먹은 카레는 노랗고 맛있었어요~! 🥣
💡 **<예시>** 컬러 코드로 색칠하고 싶다면?
오늘 아침에 먹은 카레는 노랗고 맛있었어요~! 🥣
(참고) 색상표
- hex code의 대표 색상들을 아래 표에서 확인할 수 있습니다.
| 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 | ㅤ연한파랑ㅤ |
감사합니다^~^