#563e06
RGB ( 赤 = 86, 緑 = 62, 青 = 6 )
HSL ( 色相 = 42°, 彩度 = 87%, 明度 = 18% )
H : 色相 ( 42° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #560906 : -40
12 : #561606 : -30
22 : #562306 : -20
32 : #563106 : -10
42 : #563e06 : ±0
52 : #564b06 : +10
62 : #535606 : +20
72 : #465606 : +30
82 : #395606 : +40
92 : #2b5606 : +50
102 : #1e5606 : +60
112 : #115606 : +70
122 : #065609 : +80
132 : #065616 : +90
142 : #065623 : +100
152 : #065631 : +110
162 : #06563e : +120
172 : #06564b : +130
182 : #065356 : +140
192 : #064656 : +150
202 : #063956 : +160
212 : #062b56 : +170
222 : #061e56 : +180
232 : #061156 : +190
242 : #090656 : +200
252 : #160656 : +210
262 : #230656 : +220
272 : #310656 : +230
282 : #3e0656 : +240
292 : #4b0656 : +250
302 : #560653 : +260
312 : #560646 : +270
322 : #560639 : +280
332 : #56062b : +290
342 : #56061e : +300
352 : #560611 : +310
32 : #563106 : -10
33 : #563206 : -9
34 : #563306 : -8
35 : #563506 : -7
36 : #563606 : -6
37 : #563706 : -5
38 : #563906 : -4
39 : #563a06 : -3
40 : #563b06 : -2
41 : #563d06 : -1
42 : #563e06 : ±0
43 : #563f06 : +1
44 : #564106 : +2
45 : #564206 : +3
46 : #564306 : +4
47 : #564506 : +5
48 : #564606 : +6
49 : #564706 : +7
50 : #564906 : +8
51 : #564a06 : +9
52 : #564b06 : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2e2e2d : -86
3 : #2f2e2d : -84
5 : #302f2c : -82
7 : #312f2b : -80
9 : #32302a : -78
11 : #333029 : -76
13 : #343028 : -74
15 : #353127 : -72
17 : #363126 : -70
19 : #373125 : -68
21 : #383224 : -66
23 : #383223 : -64
25 : #393222 : -62
27 : #3a3322 : -60
29 : #3b3321 : -58
31 : #3c3420 : -56
33 : #3d341f : -54
35 : #3e341e : -52
37 : #3f351d : -50
39 : #40351c : -48
41 : #41351b : -46
43 : #42361a : -44
45 : #433619 : -42
47 : #433718 : -40
49 : #443717 : -38
51 : #453716 : -36
53 : #463816 : -34
55 : #473815 : -32
57 : #483814 : -30
59 : #493913 : -28
61 : #4a3912 : -26
63 : #4b3911 : -24
65 : #4c3a10 : -22
67 : #4d3a0f : -20
69 : #4e3b0e : -18
71 : #4e3b0d : -16
73 : #4f3b0c : -14
75 : #503c0b : -12
77 : #513c0b : -10
79 : #523c0a : -8
81 : #533d09 : -6
83 : #543d08 : -4
85 : #553e07 : -2
87 : #563e06 : ±0
89 : #573e05 : +2
91 : #583f04 : +4
93 : #593f03 : +6
95 : #5a3f02 : +8
97 : #5a4001 : +10
99 : #5b4000 : +12
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #0a0701 : -16
4 : #130e01 : -14
6 : #1d1502 : -12
8 : #261b03 : -10
10 : #302203 : -8
12 : #392904 : -6
14 : #433005 : -4
16 : #4c3705 : -2
18 : #563e06 : ±0
20 : #5f4507 : +2
22 : #694c07 : +4
24 : #725208 : +6
26 : #7c5909 : +8
28 : #866009 : +10
30 : #8f670a : +12
32 : #996e0b : +14
34 : #a2750b : +16
36 : #ac7c0c : +18
38 : #b5830d : +20
40 : #bf890d : +22
42 : #c8900e : +24
44 : #d2970f : +26
46 : #db9e0f : +28
48 : #e5a510 : +30
50 : #eeac11 : +32
52 : #efaf1a : +34
54 : #f0b324 : +36
56 : #f0b62d : +38
58 : #f1b937 : +40
60 : #f2bc40 : +42
62 : #f2c04a : +44
64 : #f3c353 : +46
66 : #f4c65d : +48
68 : #f4ca66 : +50
70 : #f5cd70 : +52
72 : #f6d079 : +54
74 : #f6d483 : +56
76 : #f7d78d : +58
78 : #f8da96 : +60
80 : #f8dea0 : +62
82 : #f9e1a9 : +64
84 : #fae4b3 : +66
86 : #fae8bc : +68
88 : #fbebc6 : +70
90 : #fceecf : +72
92 : #fcf2d9 : +74
94 : #fdf5e2 : +76
96 : #fef8ec : +78
98 : #fefcf5 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow