#564134
RGB ( 赤 = 86, 緑 = 65, 青 = 52 )
HSL ( 色相 = 23°, 彩度 = 25%, 明度 = 27% )
H : 色相 ( 23° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #563534 : -20
13 : #563b34 : -10
23 : #564134 : ±0
33 : #564734 : +10
43 : #564c34 : +20
53 : #565234 : +30
63 : #545634 : +40
73 : #4f5634 : +50
83 : #495634 : +60
93 : #435634 : +70
103 : #3d5634 : +80
113 : #385634 : +90
123 : #345635 : +100
133 : #34563b : +110
143 : #345641 : +120
153 : #345647 : +130
163 : #34564c : +140
173 : #345652 : +150
183 : #345456 : +160
193 : #344f56 : +170
203 : #344956 : +180
213 : #344356 : +190
223 : #343d56 : +200
233 : #343856 : +210
243 : #353456 : +220
253 : #3b3456 : +230
263 : #413456 : +240
273 : #473456 : +250
283 : #4c3456 : +260
293 : #523456 : +270
303 : #563454 : +280
313 : #56344f : +290
323 : #563449 : +300
333 : #563443 : +310
343 : #56343d : +320
353 : #563438 : +330
13 : #563b34 : -10
14 : #563c34 : -9
15 : #563c34 : -8
16 : #563d34 : -7
17 : #563d34 : -6
18 : #563e34 : -5
19 : #563f34 : -4
20 : #563f34 : -3
21 : #564034 : -2
22 : #564034 : -1
23 : #564134 : ±0
24 : #564134 : +1
25 : #564234 : +2
26 : #564334 : +3
27 : #564334 : +4
28 : #564434 : +5
29 : #564434 : +6
30 : #564534 : +7
31 : #564534 : +8
32 : #564634 : +9
33 : #564734 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464544 : -24
3 : #474443 : -22
5 : #484441 : -20
7 : #4a4440 : -18
9 : #4b433f : -16
11 : #4c433d : -14
13 : #4e433c : -12
15 : #4f423b : -10
17 : #514239 : -8
19 : #524238 : -6
21 : #534136 : -4
23 : #554135 : -2
25 : #564134 : ±0
27 : #574132 : +2
29 : #594031 : +4
31 : #5a4030 : +6
33 : #5c402e : +8
35 : #5d3f2d : +10
37 : #5e3f2b : +12
39 : #603f2a : +14
41 : #613e29 : +16
43 : #623e27 : +18
45 : #643e26 : +20
47 : #653d24 : +22
49 : #673d23 : +24
51 : #683d22 : +26
53 : #693c20 : +28
55 : #6b3c1f : +30
57 : #6c3c1e : +32
59 : #6d3b1c : +34
61 : #6f3b1b : +36
63 : #703b19 : +38
65 : #723a18 : +40
67 : #733a17 : +42
69 : #743a15 : +44
71 : #763914 : +46
73 : #773913 : +48
75 : #783911 : +50
77 : #7a3810 : +52
79 : #7b380e : +54
81 : #7d380d : +56
83 : #7e380c : +58
85 : #7f370a : +60
87 : #813709 : +62
89 : #823708 : +64
91 : #843606 : +66
93 : #853605 : +68
95 : #863603 : +70
97 : #883502 : +72
99 : #893501 : +74
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -26
3 : #0a0706 : -24
5 : #100c0a : -22
7 : #16110d : -20
9 : #1d1611 : -18
11 : #231a15 : -16
13 : #291f19 : -14
15 : #30241d : -12
17 : #362921 : -10
19 : #3d2e24 : -8
21 : #433228 : -6
23 : #49372c : -4
25 : #503c30 : -2
27 : #564134 : ±0
29 : #5c4637 : +2
31 : #634a3b : +4
33 : #694f3f : +6
35 : #705443 : +8
37 : #765947 : +10
39 : #7c5e4b : +12
41 : #83624e : +14
43 : #896752 : +16
45 : #8f6c56 : +18
47 : #96715a : +20
49 : #9c765e : +22
51 : #a17b63 : +24
53 : #a58069 : +26
55 : #a98670 : +28
57 : #ad8b76 : +30
59 : #b1907c : +32
61 : #b49683 : +34
63 : #b89b89 : +36
65 : #bca18f : +38
67 : #c0a696 : +40
69 : #c4ab9c : +42
71 : #c8b1a3 : +44
73 : #cbb6a9 : +46
75 : #cfbcaf : +48
77 : #d3c1b6 : +50
79 : #d7c6bc : +52
81 : #dbccc2 : +54
83 : #ded1c9 : +56
85 : #e2d7cf : +58
87 : #e6dcd6 : +60
89 : #eae1dc : +62
91 : #eee7e2 : +64
93 : #f2ece9 : +66
95 : #f5f2ef : +68
97 : #f9f7f5 : +70
99 : #fdfcfc : +72
CSS入門、作ってます。
text-shadow