#6d3018
RGB ( 赤 = 109, 緑 = 48, 青 = 24 )
HSL ( 色相 = 17°, 彩度 = 64%, 明度 = 26% )
H : 色相 ( 17° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #6d2218 : -10
17 : #6d3018 : ±0
27 : #6d3e18 : +10
37 : #6d4c18 : +20
47 : #6d5a18 : +30
57 : #6d6818 : +40
67 : #636d18 : +50
77 : #556d18 : +60
87 : #476d18 : +70
97 : #386d18 : +80
107 : #2a6d18 : +90
117 : #1c6d18 : +100
127 : #186d22 : +110
137 : #186d30 : +120
147 : #186d3e : +130
157 : #186d4c : +140
167 : #186d5a : +150
177 : #186d68 : +160
187 : #18636d : +170
197 : #18556d : +180
207 : #18476d : +190
217 : #18386d : +200
227 : #182a6d : +210
237 : #181c6d : +220
247 : #22186d : +230
257 : #30186d : +240
267 : #3e186d : +250
277 : #4c186d : +260
287 : #5a186d : +270
297 : #68186d : +280
307 : #6d1863 : +290
317 : #6d1855 : +300
327 : #6d1847 : +310
337 : #6d1838 : +320
347 : #6d182a : +330
357 : #6d181c : +340
7 : #6d2218 : -10
8 : #6d2318 : -9
9 : #6d2518 : -8
10 : #6d2618 : -7
11 : #6d2718 : -6
12 : #6d2918 : -5
13 : #6d2a18 : -4
14 : #6d2c18 : -3
15 : #6d2d18 : -2
16 : #6d2e18 : -1
17 : #6d3018 : ±0
18 : #6d3118 : +1
19 : #6d3318 : +2
20 : #6d3418 : +3
21 : #6d3618 : +4
22 : #6d3718 : +5
23 : #6d3818 : +6
24 : #6d3a18 : +7
25 : #6d3b18 : +8
26 : #6d3d18 : +9
27 : #6d3e18 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -64
2 : #444241 : -62
4 : #454140 : -60
6 : #46413e : -58
8 : #48403d : -56
10 : #493f3c : -54
12 : #4a3f3a : -52
14 : #4c3e39 : -50
16 : #4d3e38 : -48
18 : #4e3d36 : -46
20 : #503d35 : -44
22 : #513c34 : -42
24 : #523b32 : -40
26 : #543b31 : -38
28 : #553a30 : -36
30 : #563a2e : -34
32 : #58392d : -32
34 : #59392c : -30
36 : #5a382a : -28
38 : #5b3729 : -26
40 : #5d3728 : -24
42 : #5e3626 : -22
44 : #5f3625 : -20
46 : #613524 : -18
48 : #623522 : -16
50 : #633421 : -14
52 : #653320 : -12
54 : #66331e : -10
56 : #67321d : -8
58 : #69321c : -6
60 : #6a311b : -4
62 : #6b3019 : -2
64 : #6d3018 : ±0
66 : #6e2f17 : +2
68 : #6f2f15 : +4
70 : #712e14 : +6
72 : #722e13 : +8
74 : #732d11 : +10
76 : #752c10 : +12
78 : #762c0f : +14
80 : #772b0d : +16
82 : #792b0c : +18
84 : #7a2a0b : +20
86 : #7b2a09 : +22
88 : #7d2908 : +24
90 : #7e2807 : +26
92 : #7f2805 : +28
94 : #812704 : +30
96 : #822703 : +32
98 : #832601 : +34
100 : #852600 : +36
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #080402 : -24
4 : #110704 : -22
6 : #190b06 : -20
8 : #210f07 : -18
10 : #2a1209 : -16
12 : #32160b : -14
14 : #3b1a0d : -12
16 : #431d0f : -10
18 : #4b2111 : -8
20 : #542512 : -6
22 : #5c2914 : -4
24 : #642c16 : -2
26 : #6d3018 : ±0
28 : #75341a : +2
30 : #7d371c : +4
32 : #863b1d : +6
34 : #8e3f1f : +8
36 : #974221 : +10
38 : #9f4623 : +12
40 : #a74a25 : +14
42 : #b04d27 : +16
44 : #b85128 : +18
46 : #c0552a : +20
48 : #c9582c : +22
50 : #d15c2e : +24
52 : #d36336 : +26
54 : #d5693f : +28
56 : #d77047 : +30
58 : #d8764f : +32
60 : #da7d58 : +34
62 : #dc8360 : +36
64 : #de8a68 : +38
66 : #e09071 : +40
68 : #e29779 : +42
70 : #e39d82 : +44
72 : #e5a48a : +46
74 : #e7aa92 : +48
76 : #e9b19b : +50
78 : #ebb7a3 : +52
80 : #edbeab : +54
82 : #eec4b4 : +56
84 : #f0cbbc : +58
86 : #f2d1c4 : +60
88 : #f4d8cd : +62
90 : #f6ded5 : +64
92 : #f8e5de : +66
94 : #f9ebe6 : +68
96 : #fbf2ee : +70
98 : #fdf8f7 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow