#e817bb
RGB
赤 | 232 |
---|---|
緑 | 23 |
青 | 187 |
HSL
色相 | 313° |
---|---|
彩度 | 82% |
明度 | 50% |
輝度 | 41% |
3桁の色
補色
反転色
RGB ( 赤 = 232, 緑 = 23, 青 = 187 )
HSL ( 色相 = 313°, 彩度 = 82%, 明度 = 50% )
H : 色相 ( 313° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #e82117 : -310
13 : #e84417 : -300
23 : #e86717 : -290
33 : #e88a17 : -280
43 : #e8ad17 : -270
53 : #e8d017 : -260
63 : #dee817 : -250
73 : #bbe817 : -240
83 : #98e817 : -230
93 : #75e817 : -220
103 : #52e817 : -210
113 : #2fe817 : -200
123 : #17e821 : -190
133 : #17e844 : -180
143 : #17e867 : -170
153 : #17e88a : -160
163 : #17e8ad : -150
173 : #17e8d0 : -140
183 : #17dee8 : -130
193 : #17bbe8 : -120
203 : #1798e8 : -110
213 : #1775e8 : -100
223 : #1752e8 : -90
233 : #172fe8 : -80
243 : #2117e8 : -70
253 : #4417e8 : -60
263 : #6717e8 : -50
273 : #8a17e8 : -40
283 : #ad17e8 : -30
293 : #d017e8 : -20
303 : #e817de : -10
313 : #e817bb : ±0
323 : #e81798 : +10
333 : #e81775 : +20
343 : #e81752 : +30
353 : #e8172f : +40
303 : #e817de : -10
304 : #e817da : -9
305 : #e817d7 : -8
306 : #e817d3 : -7
307 : #e817d0 : -6
308 : #e817cc : -5
309 : #e817c9 : -4
310 : #e817c5 : -3
311 : #e817c2 : -2
312 : #e817be : -1
313 : #e817bb : ±0
314 : #e817b7 : +1
315 : #e817b4 : +2
316 : #e817b0 : +3
317 : #e817ad : +4
318 : #e817a9 : +5
319 : #e817a6 : +6
320 : #e817a2 : +7
321 : #e8179f : +8
322 : #e8179b : +9
323 : #e81798 : +10
S : 彩度 ( 82% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -82
2 : #827d81 : -80
4 : #857a82 : -78
6 : #877884 : -76
8 : #8a7585 : -74
10 : #8c7387 : -72
12 : #8f7088 : -70
14 : #916e8a : -68
16 : #946b8b : -66
18 : #96698d : -64
20 : #99668e : -62
22 : #9c638f : -60
24 : #9e6191 : -58
26 : #a15e92 : -56
28 : #a35c94 : -54
30 : #a65995 : -52
32 : #a85797 : -50
34 : #ab5498 : -48
36 : #ad529a : -46
38 : #b04f9b : -44
40 : #b34d9c : -42
42 : #b54a9e : -40
44 : #b8479f : -38
46 : #ba45a1 : -36
48 : #bd42a2 : -34
50 : #bf40a4 : -32
52 : #c23da5 : -30
54 : #c43ba7 : -28
56 : #c738a8 : -26
58 : #c936a9 : -24
60 : #cc33ab : -22
62 : #cf30ac : -20
64 : #d12eae : -18
66 : #d42baf : -16
68 : #d629b1 : -14
70 : #d926b2 : -12
72 : #db24b4 : -10
74 : #de21b5 : -8
76 : #e01fb6 : -6
78 : #e31cb8 : -4
80 : #e61ab9 : -2
82 : #e817bb : ±0
84 : #eb14bc : +2
86 : #ed12be : +4
88 : #f00fbf : +6
90 : #f20dc1 : +8
92 : #f50ac2 : +10
94 : #f708c3 : +12
96 : #fa05c5 : +14
98 : #fc03c6 : +16
100 : #ff00c8 : +18
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #090107 : -48
4 : #13020f : -46
6 : #1c0316 : -44
8 : #25041e : -42
10 : #2e0525 : -40
12 : #38062d : -38
14 : #410634 : -36
16 : #4a073c : -34
18 : #540843 : -32
20 : #5d094b : -30
22 : #660a52 : -28
24 : #6f0b5a : -26
26 : #790c61 : -24
28 : #820d69 : -22
30 : #8b0e70 : -20
32 : #950f78 : -18
34 : #9e107f : -16
36 : #a71186 : -14
38 : #b0118e : -12
40 : #ba1295 : -10
42 : #c3139d : -8
44 : #cc14a4 : -6
46 : #d515ac : -4
48 : #df16b3 : -2
50 : #e817bb : ±0
52 : #e920bd : +2
54 : #ea2ac0 : +4
56 : #eb33c3 : +6
58 : #ec3cc6 : +8
60 : #ed45c8 : +10
62 : #ee4fcb : +12
64 : #ee58ce : +14
66 : #ef61d1 : +16
68 : #f06ad3 : +18
70 : #f174d6 : +20
72 : #f27dd9 : +22
74 : #f386dc : +24
76 : #f490de : +26
78 : #f599e1 : +28
80 : #f6a2e4 : +30
82 : #f7abe6 : +32
84 : #f8b5e9 : +34
86 : #f9beec : +36
88 : #f9c7ef : +38
90 : #fad1f1 : +40
92 : #fbdaf4 : +42
94 : #fce3f7 : +44
96 : #fdecfa : +46
98 : #fef6fc : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow