#5f7266
RGB ( 赤 = 95, 緑 = 114, 青 = 102 )
HSL ( 色相 = 142°, 彩度 = 9%, 明度 = 41% )
H : 色相 ( 142° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #72605f : -140
12 : #72635f : -130
22 : #72665f : -120
32 : #72695f : -110
42 : #726c5f : -100
52 : #726f5f : -90
62 : #71725f : -80
72 : #6e725f : -70
82 : #6b725f : -60
92 : #68725f : -50
102 : #65725f : -40
112 : #62725f : -30
122 : #5f7260 : -20
132 : #5f7263 : -10
142 : #5f7266 : ±0
152 : #5f7269 : +10
162 : #5f726c : +20
172 : #5f726f : +30
182 : #5f7172 : +40
192 : #5f6e72 : +50
202 : #5f6b72 : +60
212 : #5f6872 : +70
222 : #5f6572 : +80
232 : #5f6272 : +90
242 : #605f72 : +100
252 : #635f72 : +110
262 : #665f72 : +120
272 : #695f72 : +130
282 : #6c5f72 : +140
292 : #6f5f72 : +150
302 : #725f71 : +160
312 : #725f6e : +170
322 : #725f6b : +180
332 : #725f68 : +190
342 : #725f65 : +200
352 : #725f62 : +210
132 : #5f7263 : -10
133 : #5f7263 : -9
134 : #5f7264 : -8
135 : #5f7264 : -7
136 : #5f7264 : -6
137 : #5f7264 : -5
138 : #5f7265 : -4
139 : #5f7265 : -3
140 : #5f7265 : -2
141 : #5f7266 : -1
142 : #5f7266 : ±0
143 : #5f7266 : +1
144 : #5f7267 : +2
145 : #5f7267 : +3
146 : #5f7267 : +4
147 : #5f7268 : +5
148 : #5f7268 : +6
149 : #5f7268 : +7
150 : #5f7269 : +8
151 : #5f7269 : +9
152 : #5f7269 : +10
S : 彩度 ( 9% )
(0%) 渋い ~ 鮮やか (100%)
1 : #686a68 : -8
3 : #656c68 : -6
5 : #636e67 : -4
7 : #617067 : -2
9 : #5f7266 : ±0
11 : #5d7465 : +2
13 : #5b7665 : +4
15 : #597864 : +6
17 : #577a64 : +8
19 : #557c63 : +10
21 : #537f63 : +12
23 : #518162 : +14
25 : #4e8362 : +16
27 : #4c8561 : +18
29 : #4a8760 : +20
31 : #488960 : +22
33 : #468b5f : +24
35 : #448d5f : +26
37 : #428f5e : +28
39 : #40915e : +30
41 : #3e935d : +32
43 : #3c965d : +34
45 : #3a985c : +36
47 : #379a5b : +38
49 : #359c5b : +40
51 : #339e5a : +42
53 : #31a05a : +44
55 : #2fa259 : +46
57 : #2da459 : +48
59 : #2ba658 : +50
61 : #29a858 : +52
63 : #27aa57 : +54
65 : #25ad56 : +56
67 : #23af56 : +58
69 : #20b155 : +60
71 : #1eb355 : +62
73 : #1cb554 : +64
75 : #1ab754 : +66
77 : #18b953 : +68
79 : #16bb53 : +70
81 : #14bd52 : +72
83 : #12bf51 : +74
85 : #10c151 : +76
87 : #0ec450 : +78
89 : #0cc650 : +80
91 : #09c84f : +82
93 : #07ca4f : +84
95 : #05cc4e : +86
97 : #03ce4e : +88
99 : #01d04d : +90
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -40
3 : #070807 : -38
5 : #0c0e0c : -36
7 : #101311 : -34
9 : #151916 : -32
11 : #1a1f1b : -30
13 : #1e2420 : -28
15 : #232a25 : -26
17 : #272f2a : -24
19 : #2c352f : -22
21 : #313a34 : -20
23 : #354039 : -18
25 : #3a453e : -16
27 : #3f4b43 : -14
29 : #435148 : -12
31 : #48564d : -10
33 : #4d5c52 : -8
35 : #516157 : -6
37 : #56675c : -4
39 : #5a6c61 : -2
41 : #5f7266 : ±0
43 : #64786b : +2
45 : #687d70 : +4
47 : #6d8375 : +6
49 : #72887a : +8
51 : #778d7f : +10
53 : #7c9284 : +12
55 : #829789 : +14
57 : #879b8f : +16
59 : #8da094 : +18
61 : #93a599 : +20
63 : #98a99e : +22
65 : #9eaea4 : +24
67 : #a3b2a9 : +26
69 : #a9b7ae : +28
71 : #aebcb3 : +30
73 : #b4c0b8 : +32
75 : #bac5be : +34
77 : #bfcac3 : +36
79 : #c5cec8 : +38
81 : #cad3cd : +40
83 : #d0d8d3 : +42
85 : #d5dcd8 : +44
87 : #dbe1dd : +46
89 : #e0e5e2 : +48
91 : #e6eae7 : +50
93 : #ecefed : +52
95 : #f1f3f2 : +54
97 : #f7f8f7 : +56
99 : #fcfdfc : +58
CSS入門、作ってます。
text-shadow