#561c06
RGB ( 赤 = 86, 緑 = 28, 青 = 6 )
HSL ( 色相 = 17°, 彩度 = 87%, 明度 = 18% )
H : 色相 ( 17° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #560f06 : -10
17 : #561d06 : ±0
27 : #562a06 : +10
37 : #563706 : +20
47 : #564506 : +30
57 : #565206 : +40
67 : #4d5606 : +50
77 : #3f5606 : +60
87 : #325606 : +70
97 : #255606 : +80
107 : #175606 : +90
117 : #0a5606 : +100
127 : #06560f : +110
137 : #06561d : +120
147 : #06562a : +130
157 : #065637 : +140
167 : #065645 : +150
177 : #065652 : +160
187 : #064d56 : +170
197 : #063f56 : +180
207 : #063256 : +190
217 : #062556 : +200
227 : #061756 : +210
237 : #060a56 : +220
247 : #0f0656 : +230
257 : #1d0656 : +240
267 : #2a0656 : +250
277 : #370656 : +260
287 : #450656 : +270
297 : #520656 : +280
307 : #56064d : +290
317 : #56063f : +300
327 : #560632 : +310
337 : #560625 : +320
347 : #560617 : +330
357 : #56060a : +340
7 : #560f06 : -10
8 : #561106 : -9
9 : #561206 : -8
10 : #561306 : -7
11 : #561506 : -6
12 : #561606 : -5
13 : #561706 : -4
14 : #561906 : -3
15 : #561a06 : -2
16 : #561b06 : -1
17 : #561d06 : ±0
18 : #561e06 : +1
19 : #561f06 : +2
20 : #562106 : +3
21 : #562206 : +4
22 : #562306 : +5
23 : #562506 : +6
24 : #562606 : +7
25 : #562706 : +8
26 : #562906 : +9
27 : #562a06 : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2e2e2d : -86
3 : #2f2d2d : -84
5 : #302d2c : -82
7 : #312d2b : -80
9 : #322c2a : -78
11 : #332c29 : -76
13 : #342b28 : -74
15 : #352b27 : -72
17 : #362b26 : -70
19 : #372a25 : -68
21 : #382a24 : -66
23 : #382923 : -64
25 : #392922 : -62
27 : #3a2922 : -60
29 : #3b2821 : -58
31 : #3c2820 : -56
33 : #3d271f : -54
35 : #3e271e : -52
37 : #3f271d : -50
39 : #40261c : -48
41 : #41261b : -46
43 : #42251a : -44
45 : #432519 : -42
47 : #432518 : -40
49 : #442417 : -38
51 : #452416 : -36
53 : #462316 : -34
55 : #472315 : -32
57 : #482314 : -30
59 : #492213 : -28
61 : #4a2212 : -26
63 : #4b2111 : -24
65 : #4c2110 : -22
67 : #4d210f : -20
69 : #4e200e : -18
71 : #4e200d : -16
73 : #4f1f0c : -14
75 : #501f0b : -12
77 : #511f0b : -10
79 : #521e0a : -8
81 : #531e09 : -6
83 : #541d08 : -4
85 : #551d07 : -2
87 : #561d06 : ±0
89 : #571c05 : +2
91 : #581c04 : +4
93 : #591b03 : +6
95 : #5a1b02 : +8
97 : #5a1b01 : +10
99 : #5b1a00 : +12
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #0a0301 : -16
4 : #130601 : -14
6 : #1d0a02 : -12
8 : #260d03 : -10
10 : #301003 : -8
12 : #391304 : -6
14 : #431605 : -4
16 : #4c1905 : -2
18 : #561d06 : ±0
20 : #5f2007 : +2
22 : #692307 : +4
24 : #722608 : +6
26 : #7c2909 : +8
28 : #862c09 : +10
30 : #8f300a : +12
32 : #99330b : +14
34 : #a2360b : +16
36 : #ac390c : +18
38 : #b53c0d : +20
40 : #bf400d : +22
42 : #c8430e : +24
44 : #d2460f : +26
46 : #db490f : +28
48 : #e54c10 : +30
50 : #ee4f11 : +32
52 : #ef561a : +34
54 : #f05d24 : +36
56 : #f0652d : +38
58 : #f16c37 : +40
60 : #f27340 : +42
62 : #f27a4a : +44
64 : #f38153 : +46
66 : #f4885d : +48
68 : #f48f66 : +50
70 : #f59670 : +52
72 : #f69d79 : +54
74 : #f6a483 : +56
76 : #f7ab8d : +58
78 : #f8b296 : +60
80 : #f8b9a0 : +62
82 : #f9c0a9 : +64
84 : #fac7b3 : +66
86 : #facebc : +68
88 : #fbd5c6 : +70
90 : #fcdccf : +72
92 : #fce3d9 : +74
94 : #fdeae2 : +76
96 : #fef1ec : +78
98 : #fef8f5 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow