#69321c
RGB ( 赤 = 105, 緑 = 50, 青 = 28 )
HSL ( 色相 = 17°, 彩度 = 58%, 明度 = 26% )
H : 色相 ( 17° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #69251c : -10
17 : #69321c : ±0
27 : #693e1c : +10
37 : #694b1c : +20
47 : #69581c : +30
57 : #69651c : +40
67 : #60691c : +50
77 : #53691c : +60
87 : #46691c : +70
97 : #39691c : +80
107 : #2d691c : +90
117 : #20691c : +100
127 : #1c6925 : +110
137 : #1c6932 : +120
147 : #1c693e : +130
157 : #1c694b : +140
167 : #1c6958 : +150
177 : #1c6965 : +160
187 : #1c6069 : +170
197 : #1c5369 : +180
207 : #1c4669 : +190
217 : #1c3969 : +200
227 : #1c2d69 : +210
237 : #1c2069 : +220
247 : #251c69 : +230
257 : #321c69 : +240
267 : #3e1c69 : +250
277 : #4b1c69 : +260
287 : #581c69 : +270
297 : #651c69 : +280
307 : #691c60 : +290
317 : #691c53 : +300
327 : #691c46 : +310
337 : #691c39 : +320
347 : #691c2d : +330
357 : #691c20 : +340
7 : #69251c : -10
8 : #69261c : -9
9 : #69271c : -8
10 : #69291c : -7
11 : #692a1c : -6
12 : #692b1c : -5
13 : #692d1c : -4
14 : #692e1c : -3
15 : #692f1c : -2
16 : #69301c : -1
17 : #69321c : ±0
18 : #69331c : +1
19 : #69341c : +2
20 : #69351c : +3
21 : #69371c : +4
22 : #69381c : +5
23 : #69391c : +6
24 : #693b1c : +7
25 : #693c1c : +8
26 : #693d1c : +9
27 : #693e1c : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -58
2 : #444241 : -56
4 : #454140 : -54
6 : #46413e : -52
8 : #48403d : -50
10 : #493f3c : -48
12 : #4a3f3a : -46
14 : #4c3e39 : -44
16 : #4d3e38 : -42
18 : #4e3d36 : -40
20 : #503d35 : -38
22 : #513c34 : -36
24 : #523b32 : -34
26 : #543b31 : -32
28 : #553a30 : -30
30 : #563a2e : -28
32 : #58392d : -26
34 : #59392c : -24
36 : #5a382a : -22
38 : #5b3729 : -20
40 : #5d3728 : -18
42 : #5e3626 : -16
44 : #5f3625 : -14
46 : #613524 : -12
48 : #623522 : -10
50 : #633421 : -8
52 : #653320 : -6
54 : #66331e : -4
56 : #67321d : -2
58 : #69321c : ±0
60 : #6a311b : +2
62 : #6b3019 : +4
64 : #6d3018 : +6
66 : #6e2f17 : +8
68 : #6f2f15 : +10
70 : #712e14 : +12
72 : #722e13 : +14
74 : #732d11 : +16
76 : #752c10 : +18
78 : #762c0f : +20
80 : #772b0d : +22
82 : #792b0c : +24
84 : #7a2a0b : +26
86 : #7b2a09 : +28
88 : #7d2908 : +30
90 : #7e2807 : +32
92 : #7f2805 : +34
94 : #812704 : +36
96 : #822703 : +38
98 : #832601 : +40
100 : #852600 : +42
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #080402 : -24
4 : #100804 : -22
6 : #180b06 : -20
8 : #200f09 : -18
10 : #28130b : -16
12 : #30170d : -14
14 : #381b0f : -12
16 : #401f11 : -10
18 : #492213 : -8
20 : #512615 : -6
22 : #592a18 : -4
24 : #612e1a : -2
26 : #69321c : ±0
28 : #71351e : +2
30 : #793920 : +4
32 : #813d22 : +6
34 : #894124 : +8
36 : #914527 : +10
38 : #994929 : +12
40 : #a14c2b : +14
42 : #a9502d : +16
44 : #b1542f : +18
46 : #b95831 : +20
48 : #c15c33 : +22
50 : #c95f36 : +24
52 : #cc663e : +26
54 : #ce6c46 : +28
56 : #d0734e : +30
58 : #d27956 : +32
60 : #d47f5e : +34
62 : #d68666 : +36
64 : #d88c6e : +38
66 : #db9376 : +40
68 : #dd997e : +42
70 : #df9f86 : +44
72 : #e1a68e : +46
74 : #e3ac96 : +48
76 : #e5b29e : +50
78 : #e7b9a6 : +52
80 : #eabfae : +54
82 : #ecc6b6 : +56
84 : #eeccbf : +58
86 : #f0d2c7 : +60
88 : #f2d9cf : +62
90 : #f4dfd7 : +64
92 : #f6e5df : +66
94 : #f9ece7 : +68
96 : #fbf2ef : +70
98 : #fdf9f7 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow