#8589ad
RGB
| 赤 | 133 |
|---|---|
| 緑 | 137 |
| 青 | 173 |
HSL
| 色相 | 234° |
|---|---|
| 彩度 | 20% |
| 明度 | 60% |
| 輝度 | 55% |
３桁の色
補色
反転色
RGB ( 赤 = 133, 緑 = 137, 青 = 173 )
HSL ( 色相 = 234°, 彩度 = 20%, 明度 = 60% )
H : 色相 ( 234° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #ad8785 : -230
14 : #ad8e85 : -220
24 : #ad9585 : -210
34 : #ad9c85 : -200
44 : #ada385 : -190
54 : #ada985 : -180
64 : #abad85 : -170
74 : #a4ad85 : -160
84 : #9dad85 : -150
94 : #96ad85 : -140
104 : #8fad85 : -130
114 : #89ad85 : -120
124 : #85ad87 : -110
134 : #85ad8e : -100
144 : #85ad95 : -90
154 : #85ad9c : -80
164 : #85ada3 : -70
174 : #85ada9 : -60
184 : #85abad : -50
194 : #85a4ad : -40
204 : #859dad : -30
214 : #8596ad : -20
224 : #858fad : -10
234 : #8589ad : ±0
244 : #8785ad : +10
254 : #8e85ad : +20
264 : #9585ad : +30
274 : #9c85ad : +40
284 : #a385ad : +50
294 : #a985ad : +60
304 : #ad85ab : +70
314 : #ad85a4 : +80
324 : #ad859d : +90
334 : #ad8596 : +100
344 : #ad858f : +110
354 : #ad8589 : +120
224 : #858fad : -10
225 : #858fad : -9
226 : #858ead : -8
227 : #858dad : -7
228 : #858dad : -6
229 : #858cad : -5
230 : #858bad : -4
231 : #858bad : -3
232 : #858aad : -2
233 : #8589ad : -1
234 : #8589ad : ±0
235 : #8588ad : +1
236 : #8587ad : +2
237 : #8587ad : +3
238 : #8586ad : +4
239 : #8585ad : +5
240 : #8585ad : +6
241 : #8585ad : +7
242 : #8685ad : +8
243 : #8785ad : +9
244 : #8785ad : +10
S : 彩度 ( 20% )
(0%) 渋い ～ 鮮やか (100%)
0 : #999999 : -20
2 : #97979b : -18
4 : #95969d : -16
6 : #93949f : -14
8 : #9192a1 : -12
10 : #8f91a3 : -10
12 : #8d8fa5 : -8
14 : #8b8ea7 : -6
16 : #898ca9 : -4
18 : #878aab : -2
20 : #8589ad : ±0
22 : #8387af : +2
24 : #8185b1 : +4
26 : #7e84b4 : +6
28 : #7c82b6 : +8
30 : #7a81b8 : +10
32 : #787fba : +12
34 : #767dbc : +14
36 : #747cbe : +16
38 : #727ac0 : +18
40 : #7078c2 : +20
42 : #6e77c4 : +22
44 : #6c75c6 : +24
46 : #6a73c8 : +26
48 : #6872ca : +28
50 : #6670cc : +30
52 : #646fce : +32
54 : #626dd0 : +34
56 : #606bd2 : +36
58 : #5e6ad4 : +38
60 : #5c68d6 : +40
62 : #5a66d8 : +42
64 : #5865da : +44
66 : #5663dc : +46
68 : #5462de : +48
70 : #5260e0 : +50
72 : #505ee2 : +52
74 : #4e5de4 : +54
76 : #4b5be7 : +56
78 : #4959e9 : +58
80 : #4758eb : +60
82 : #4556ed : +62
84 : #4354ef : +64
86 : #4153f1 : +66
88 : #3f51f3 : +68
90 : #3d50f5 : +70
92 : #3b4ef7 : +72
94 : #394cf9 : +74
96 : #374bfb : +76
98 : #3549fd : +78
100 : #3347ff : +80
L : 明度 ( 60% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -60
2 : #040406 : -58
4 : #08090c : -56
6 : #0c0d12 : -54
8 : #101118 : -52
10 : #14151f : -50
12 : #181a25 : -48
14 : #1d1e2b : -46
16 : #212231 : -44
18 : #252737 : -42
20 : #292b3d : -40
22 : #2d2f43 : -38
24 : #313349 : -36
26 : #353850 : -34
28 : #393c56 : -32
30 : #3d405c : -30
32 : #414562 : -28
34 : #454968 : -26
36 : #494d6e : -24
38 : #4e5174 : -22
40 : #52567a : -20
42 : #565a81 : -18
44 : #5a5e87 : -16
46 : #5e638d : -14
48 : #626793 : -12
50 : #666b99 : -10
52 : #6c719d : -8
54 : #7277a1 : -6
56 : #787da5 : -4
58 : #7e83a9 : -2
60 : #8589ad : ±0
62 : #8b8fb1 : +2
64 : #9195b6 : +4
66 : #979aba : +6
68 : #9da0be : +8
70 : #a3a6c2 : +10
72 : #a9acc6 : +12
74 : #afb2ca : +14
76 : #b6b8ce : +16
78 : #bcbed2 : +18
80 : #c2c4d6 : +20
82 : #c8cada : +22
84 : #ced0de : +24
86 : #d4d6e2 : +26
88 : #dadce7 : +28
90 : #e0e1eb : +30
92 : #e7e7ef : +32
94 : #ededf3 : +34
96 : #f3f3f7 : +36
98 : #f9f9fb : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow