#dc6c47
RGB ( 赤 = 220, 緑 = 108, 青 = 71 )
HSL ( 色相 = 15°, 彩度 = 68%, 明度 = 57% )
H : 色相 ( 15° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #dc5347 : -10
15 : #dc6c47 : ±0
25 : #dc8547 : +10
35 : #dc9e47 : +20
45 : #dcb747 : +30
55 : #dccf47 : +40
65 : #cfdc47 : +50
75 : #b7dc47 : +60
85 : #9edc47 : +70
95 : #85dc47 : +80
105 : #6cdc47 : +90
115 : #53dc47 : +100
125 : #47dc53 : +110
135 : #47dc6c : +120
145 : #47dc85 : +130
155 : #47dc9e : +140
165 : #47dcb7 : +150
175 : #47dccf : +160
185 : #47cfdc : +170
195 : #47b7dc : +180
205 : #479edc : +190
215 : #4785dc : +200
225 : #476cdc : +210
235 : #4753dc : +220
245 : #5347dc : +230
255 : #6c47dc : +240
265 : #8547dc : +250
275 : #9e47dc : +260
285 : #b747dc : +270
295 : #cf47dc : +280
305 : #dc47cf : +290
315 : #dc47b7 : +300
325 : #dc479e : +310
335 : #dc4785 : +320
345 : #dc476c : +330
355 : #dc4753 : +340
5 : #dc5347 : -10
6 : #dc5647 : -9
7 : #dc5847 : -8
8 : #dc5b47 : -7
9 : #dc5d47 : -6
10 : #dc6047 : -5
11 : #dc6247 : -4
12 : #dc6547 : -3
13 : #dc6747 : -2
14 : #dc6a47 : -1
15 : #dc6c47 : ±0
16 : #dc6f47 : +1
17 : #dc7147 : +2
18 : #dc7447 : +3
19 : #dc7647 : +4
20 : #dc7847 : +5
21 : #dc7b47 : +6
22 : #dc7d47 : +7
23 : #dc8047 : +8
24 : #dc8247 : +9
25 : #dc8547 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #919191 : -68
2 : #94908f : -66
4 : #968f8d : -64
6 : #988e8b : -62
8 : #9a8d89 : -60
10 : #9c8c86 : -58
12 : #9f8b84 : -56
14 : #a18a82 : -54
16 : #a38980 : -52
18 : #a5877e : -50
20 : #a7867b : -48
22 : #a98579 : -46
24 : #ac8477 : -44
26 : #ae8375 : -42
28 : #b08273 : -40
30 : #b28170 : -38
32 : #b4806e : -36
34 : #b77f6c : -34
36 : #b97e6a : -32
38 : #bb7d68 : -30
40 : #bd7b65 : -28
42 : #bf7a63 : -26
44 : #c27961 : -24
46 : #c4785f : -22
48 : #c6775d : -20
50 : #c8765b : -18
52 : #ca7558 : -16
54 : #cd7456 : -14
56 : #cf7354 : -12
58 : #d17252 : -10
60 : #d37050 : -8
62 : #d56f4d : -6
64 : #d86e4b : -4
66 : #da6d49 : -2
68 : #dc6c47 : ±0
70 : #de6b45 : +2
72 : #e06a42 : +4
74 : #e26940 : +6
76 : #e5683e : +8
78 : #e7673c : +10
80 : #e9653a : +12
82 : #eb6437 : +14
84 : #ed6335 : +16
86 : #f06233 : +18
88 : #f26131 : +20
90 : #f4602f : +22
92 : #f65f2c : +24
94 : #f85e2a : +26
96 : #fb5d28 : +28
98 : #fd5c26 : +30
100 : #ff5b24 : +32
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -56
3 : #0d0502 : -54
5 : #150804 : -52
7 : #1e0c06 : -50
9 : #270f07 : -48
11 : #2f1309 : -46
13 : #38160b : -44
15 : #40190c : -42
17 : #491d0e : -40
19 : #512010 : -38
21 : #5a2311 : -36
23 : #632713 : -34
25 : #6b2a14 : -32
27 : #742d16 : -30
29 : #7c3118 : -28
31 : #853419 : -26
33 : #8d381b : -24
35 : #963b1d : -22
37 : #9f3e1e : -20
39 : #a74220 : -18
41 : #b04521 : -16
43 : #b84823 : -14
45 : #c14c25 : -12
47 : #c94f26 : -10
49 : #d25228 : -8
51 : #d7582d : -6
53 : #d95e36 : -4
55 : #da653e : -2
57 : #dc6c47 : ±0
59 : #de734f : +2
61 : #df7a58 : +4
63 : #e18160 : +6
65 : #e28769 : +8
67 : #e48e72 : +10
69 : #e6957a : +12
71 : #e79c83 : +14
73 : #e9a38b : +16
75 : #ebaa94 : +18
77 : #ecb09c : +20
79 : #eeb7a5 : +22
81 : #efbeae : +24
83 : #f1c5b6 : +26
85 : #f3ccbf : +28
87 : #f4d3c7 : +30
89 : #f6d9d0 : +32
91 : #f8e0d8 : +34
93 : #f9e7e1 : +36
95 : #fbeeea : +38
97 : #fdf5f2 : +40
99 : #fefcfb : +42
CSS入門、作ってます。
text-shadow