#857c60
RGB ( 赤 = 133, 緑 = 124, 青 = 96 )
HSL ( 色相 = 45°, 彩度 = 16%, 明度 = 45% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #856360 : -40
15 : #856a60 : -30
25 : #857060 : -20
35 : #857660 : -10
45 : #857c60 : ±0
55 : #858260 : +10
65 : #828560 : +20
75 : #7c8560 : +30
85 : #768560 : +40
95 : #708560 : +50
105 : #6a8560 : +60
115 : #638560 : +70
125 : #608563 : +80
135 : #60856a : +90
145 : #608570 : +100
155 : #608576 : +110
165 : #60857c : +120
175 : #608582 : +130
185 : #608285 : +140
195 : #607c85 : +150
205 : #607685 : +160
215 : #607085 : +170
225 : #606a85 : +180
235 : #606385 : +190
245 : #636085 : +200
255 : #6a6085 : +210
265 : #706085 : +220
275 : #766085 : +230
285 : #7c6085 : +240
295 : #826085 : +250
305 : #856082 : +260
315 : #85607c : +270
325 : #856076 : +280
335 : #856070 : +290
345 : #85606a : +300
355 : #856063 : +310
35 : #857660 : -10
36 : #857660 : -9
37 : #857760 : -8
38 : #857860 : -7
39 : #857860 : -6
40 : #857960 : -5
41 : #857960 : -4
42 : #857a60 : -3
43 : #857b60 : -2
44 : #857b60 : -1
45 : #857c60 : ±0
46 : #857d60 : +1
47 : #857d60 : +2
48 : #857e60 : +3
49 : #857e60 : +4
50 : #857f60 : +5
51 : #858060 : +6
52 : #858060 : +7
53 : #858160 : +8
54 : #858160 : +9
55 : #858260 : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #727272 : -16
2 : #757470 : -14
4 : #77756e : -12
6 : #7a766c : -10
8 : #7c776a : -8
10 : #7e7867 : -6
12 : #817a65 : -4
14 : #837b63 : -2
16 : #857c60 : ±0
18 : #877d5e : +2
20 : #8a7e5c : +4
22 : #8c7f5a : +6
24 : #8e8157 : +8
26 : #918255 : +10
28 : #938353 : +12
30 : #958450 : +14
32 : #97854e : +16
34 : #9a864c : +18
36 : #9c8749 : +20
38 : #9e8947 : +22
40 : #a18a45 : +24
42 : #a38b43 : +26
44 : #a58c40 : +28
46 : #a88d3e : +30
48 : #aa8e3c : +32
50 : #ac8f39 : +34
52 : #ae9137 : +36
54 : #b19235 : +38
56 : #b39332 : +40
58 : #b59430 : +42
60 : #b8952e : +44
62 : #ba962c : +46
64 : #bc9729 : +48
66 : #be9927 : +50
68 : #c19a25 : +52
70 : #c39b22 : +54
72 : #c59c20 : +56
74 : #c89d1e : +58
76 : #ca9e1c : +60
78 : #cca019 : +62
80 : #cfa117 : +64
82 : #d1a215 : +66
84 : #d3a312 : +68
86 : #d5a410 : +70
88 : #d8a50e : +72
90 : #daa60b : +74
92 : #dca809 : +76
94 : #dfa907 : +78
96 : #e1aa05 : +80
98 : #e3ab02 : +82
100 : #e6ac00 : +84
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -44
3 : #090806 : -42
5 : #0f0e0b : -40
7 : #15130f : -38
9 : #1b1913 : -36
11 : #211e18 : -34
13 : #26241c : -32
15 : #2c2920 : -30
17 : #322f24 : -28
19 : #383429 : -26
21 : #3e3a2d : -24
23 : #443f31 : -22
25 : #4a4536 : -20
27 : #504a3a : -18
29 : #56503e : -16
31 : #5c5542 : -14
33 : #625b47 : -12
35 : #68604b : -10
37 : #6d664f : -8
39 : #736b54 : -6
41 : #797158 : -4
43 : #7f765c : -2
45 : #857c60 : ±0
47 : #8b8165 : +2
49 : #918769 : +4
51 : #968c6e : +6
53 : #9a9174 : +8
55 : #9f957a : +10
57 : #a39a80 : +12
59 : #a79f86 : +14
61 : #aba48c : +16
63 : #b0a892 : +18
65 : #b4ad97 : +20
67 : #b8b29d : +22
69 : #bdb6a3 : +24
71 : #c1bba9 : +26
73 : #c5c0af : +28
75 : #c9c4b5 : +30
77 : #cec9bb : +32
79 : #d2cec1 : +34
81 : #d6d2c7 : +36
83 : #dbd7cd : +38
85 : #dfdcd3 : +40
87 : #e3e1d9 : +42
89 : #e7e5de : +44
91 : #eceae4 : +46
93 : #f0efea : +48
95 : #f4f3f0 : +50
97 : #f9f8f6 : +52
99 : #fdfdfc : +54
CSS入門、作ってます。
text-shadow