[κΏν] Velog κΈμ¨λ₯Ό λ΄ λ§μλλ‘ λ°κΏλ³΄μ! (μμ, νκ΄ν) π
μλ³Έ κ²μκΈ: https://velog.io/@euisuk-chung/κΏν-Velog-κΈμ¨λ₯Ό-λ΄-λ§μλλ‘-μμ-νκ΄ν
π Velogλ₯Ό μ΄μ¬ν μμ±νλ λμ€ λ¬Έλ© UIμμ μ 곡λλ κΈ°λ₯λ§κ³ κΈμ μμ΄λ νκ΄ν κΈ°λ₯μ μ¬μ©ν μ μμκΉ κ³ λ―Όνλ μ€ μ’μ λ°©λ²μ μ°Ύκ² λμ΄ κΏνπ νλ² μμ±ν΄λ³΄μμ΅λλ€.
κΈμ μμ λ°κΎΈκΈ°
- κΈμμ μμμ λ°κΏμ£Όκ³ μΆμλ μλμ κ°μ΄ λ°κΏμ€ μ μμ΅λλ€.
π‘ **<μμ>** μλμ κ°μ΄ μ¬κ³Όλ₯Ό λΉ¨κ°κ² λ¬Όλ€μ΄κ³ μΆλ€λ©΄!μμ>
μ€λ μμΉ¨μ λ¨Ήμ μ¬κ³Όλ λΉ¨κ°κ³ λ§μμμ΄μ~! π
1 μ€λ μμΉ¨μ λ¨Ήμ <span style="color: red">μ¬κ³Ό</span>λ λΉ¨κ°κ³ λ§μμμ΄μ~! π
- μμλͺ μ μλ λ κ°μ§ μ€ νλλ‘ μ§μ ν΄μ€ μ μλλ°μ.
- redλΌκ³ μ§μ μμλͺ μ λ£μ΄μ€ μ μμ΅λλ€.
- #ff0000λΌκ³ hex codeλ₯Ό λ£μ΄μ€ μ μμ΅λλ€.
π’ μ¬κΈ°μ μ κΉ! hex codeλ?
hex codeλ, RGB λ°©μ μμ μ½λ νκΈ°λ²μΌλ‘, #κ³Ό λ€μ λΆλ μ¬μ― μ리 λλ μΈ μ리μ μ«μλ‘ μμμ νκΈ°νλ λ°©μμ λλ€.
κΈμ νκ΄ν μΉ νκΈ°
- νΉμ λ¬Έμ₯μ νκ΄νμ²λΌ μΉ ν΄μ£Όκ³ μΆμλ μλμ κ°μ΄ λ°κΏμ€ μ μμ΅λλ€.
π‘ **<μμ>** μλμ κ°μ΄ μΉ΄λ λ₯Ό λ Έλκ² μΉ νκ³ μΆλ€λ©΄!μμ>
μ€λ μμΉ¨μ λ¨Ήμ μΉ΄λ λ λ Έλκ³ λ§μμμ΄μ~! π₯£
1 μ€λ μμΉ¨μ λ¨Ήμ <span style='background-color: yellow'>μΉ΄λ </span>λ λ Έλκ³ λ§μμμ΄μ~! π₯£
(μ°Έκ³ ) μμν
- 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 | γ €μ°ννλγ € |
κ°μ¬ν©λλ€^~^