#8b5afc
RGB
| 赤 | 139 |
|---|---|
| 緑 | 90 |
| 青 | 252 |
HSL
| 色相 | 258° |
|---|---|
| 彩度 | 96% |
| 明度 | 67% |
| 輝度 | 48% |
３桁の色
補色
反転色
RGB ( 赤 = 139, 緑 = 90, 青 = 252 )
HSL ( 色相 = 258°, 彩度 = 96%, 明度 = 67% )
H : 色相 ( 258° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #fc705a : -250
18 : #fc8b5a : -240
28 : #fca55a : -230
38 : #fcc05a : -220
48 : #fcdb5a : -210
58 : #fcf65a : -200
68 : #e6fc5a : -190
78 : #cbfc5a : -180
88 : #b0fc5a : -170
98 : #95fc5a : -160
108 : #7afc5a : -150
118 : #5ffc5a : -140
128 : #5afc70 : -130
138 : #5afc8b : -120
148 : #5afca5 : -110
158 : #5afcc0 : -100
168 : #5afcdb : -90
178 : #5afcf6 : -80
188 : #5ae6fc : -70
198 : #5acbfc : -60
208 : #5ab0fc : -50
218 : #5a95fc : -40
228 : #5a7afc : -30
238 : #5a5ffc : -20
248 : #705afc : -10
258 : #8b5afc : ±0
268 : #a55afc : +10
278 : #c05afc : +20
288 : #db5afc : +30
298 : #f65afc : +40
308 : #fc5ae6 : +50
318 : #fc5acb : +60
328 : #fc5ab0 : +70
338 : #fc5a95 : +80
348 : #fc5a7a : +90
358 : #fc5a5f : +100
248 : #705afc : -10
249 : #725afc : -9
250 : #755afc : -8
251 : #785afc : -7
252 : #7a5afc : -6
253 : #7d5afc : -5
254 : #805afc : -4
255 : #825afc : -3
256 : #855afc : -2
257 : #885afc : -1
258 : #8b5afc : ±0
259 : #8d5afc : +1
260 : #905afc : +2
261 : #935afc : +3
262 : #955afc : +4
263 : #985afc : +5
264 : #9b5afc : +6
265 : #9d5afc : +7
266 : #a05afc : +8
267 : #a35afc : +9
268 : #a55afc : +10
S : 彩度 ( 96% )
(0%) 渋い ～ 鮮やか (100%)
0 : #aaaaaa : -96
2 : #aaa9ad : -94
4 : #aaa7ae : -92
6 : #a9a6b0 : -90
8 : #a8a4b2 : -88
10 : #a7a2b3 : -86
12 : #a7a1b5 : -84
14 : #a69fb7 : -82
16 : #a59db8 : -80
18 : #a59cba : -78
20 : #a49abc : -76
22 : #a398bd : -74
24 : #a397bf : -72
26 : #a295c1 : -70
28 : #a193c2 : -68
30 : #a192c4 : -66
32 : #a090c6 : -64
34 : #9f8ec7 : -62
36 : #9f8dc9 : -60
38 : #9e8bcb : -58
40 : #9d89cd : -56
42 : #9d88ce : -54
44 : #9c86d0 : -52
46 : #9b84d2 : -50
48 : #9b82d3 : -48
50 : #9a81d5 : -46
52 : #997fd7 : -44
54 : #997dd8 : -42
56 : #987cda : -40
58 : #977adc : -38
60 : #9778dd : -36
62 : #9677df : -34
64 : #9575e1 : -32
66 : #9573e2 : -30
68 : #9472e4 : -28
70 : #9370e6 : -26
72 : #936ee7 : -24
74 : #926de9 : -22
76 : #916beb : -20
78 : #9169ec : -18
80 : #9068ee : -16
82 : #8f66f0 : -14
84 : #8f64f2 : -12
86 : #8e62f3 : -10
88 : #8d61f5 : -8
90 : #8d5ff7 : -6
92 : #8c5df8 : -4
94 : #8b5cfa : -2
96 : #8b5afc : ±0
98 : #8a58fd : +2
100 : #8957ff : +4
L : 明度 ( 67% )
(0%) 暗い ～ 明るい (100%)
1 : #020005 : -66
3 : #05000f : -64
5 : #080119 : -62
7 : #0b0123 : -60
9 : #0e012d : -58
11 : #110137 : -56
13 : #140141 : -54
15 : #18024b : -52
17 : #1b0255 : -50
19 : #1e025f : -48
21 : #210269 : -46
23 : #240273 : -44
25 : #27037d : -42
27 : #2a0387 : -40
29 : #2e0391 : -38
31 : #31039b : -36
33 : #3403a5 : -34
35 : #3704af : -32
37 : #3a04b9 : -30
39 : #3d04c3 : -28
41 : #4004cd : -26
43 : #4404d7 : -24
45 : #4705e1 : -22
47 : #4a05eb : -20
49 : #4d05f5 : -18
51 : #520afa : -16
53 : #5914fa : -14
55 : #601efa : -12
57 : #6728fb : -10
59 : #6e32fb : -8
61 : #753cfb : -6
63 : #7c46fb : -4
65 : #8350fb : -2
67 : #8b5afc : ±0
69 : #9264fc : +2
71 : #996efc : +4
73 : #a078fc : +6
75 : #a782fc : +8
77 : #ae8cfd : +10
79 : #b596fd : +12
81 : #bca0fd : +14
83 : #c3aafd : +16
85 : #cab4fd : +18
87 : #d1befe : +20
89 : #d8c8fe : +22
91 : #dfd2fe : +24
93 : #e6dcfe : +26
95 : #ede6fe : +28
97 : #f4f0ff : +30
99 : #fbfaff : +32
CSS入門、作ってます。
text-shadow