#e82cd5
RGB
赤 | 232 |
---|---|
緑 | 44 |
青 | 213 |
HSL
色相 | 306° |
---|---|
彩度 | 80% |
明度 | 54% |
輝度 | 47% |
3桁の色
補色
反転色
RGB ( 赤 = 232, 緑 = 44, 青 = 213 )
HSL ( 色相 = 306°, 彩度 = 80%, 明度 = 54% )
H : 色相 ( 306° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #e83f2c : -300
16 : #e85e2c : -290
26 : #e87d2c : -280
36 : #e89c2c : -270
46 : #e8bc2c : -260
56 : #e8db2c : -250
66 : #d5e82c : -240
76 : #b5e82c : -230
86 : #96e82c : -220
96 : #77e82c : -210
106 : #58e82c : -200
116 : #38e82c : -190
126 : #2ce83f : -180
136 : #2ce85e : -170
146 : #2ce87d : -160
156 : #2ce89c : -150
166 : #2ce8bc : -140
176 : #2ce8db : -130
186 : #2cd5e8 : -120
196 : #2cb5e8 : -110
206 : #2c96e8 : -100
216 : #2c77e8 : -90
226 : #2c58e8 : -80
236 : #2c38e8 : -70
246 : #3f2ce8 : -60
256 : #5e2ce8 : -50
266 : #7d2ce8 : -40
276 : #9c2ce8 : -30
286 : #bc2ce8 : -20
296 : #db2ce8 : -10
306 : #e82cd5 : ±0
316 : #e82cb5 : +10
326 : #e82c96 : +20
336 : #e82c77 : +30
346 : #e82c58 : +40
356 : #e82c38 : +50
296 : #db2ce8 : -10
297 : #de2ce8 : -9
298 : #e12ce8 : -8
299 : #e42ce8 : -7
300 : #e82ce8 : -6
301 : #e82ce4 : -5
302 : #e82ce1 : -4
303 : #e82cde : -3
304 : #e82cdb : -2
305 : #e82cd8 : -1
306 : #e82cd5 : ±0
307 : #e82cd2 : +1
308 : #e82ccf : +2
309 : #e82ccb : +3
310 : #e82cc8 : +4
311 : #e82cc5 : +5
312 : #e82cc2 : +6
313 : #e82cbf : +7
314 : #e82cbc : +8
315 : #e82cb9 : +9
316 : #e82cb5 : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #898989 : -80
2 : #8c878c : -78
4 : #8e858d : -76
6 : #91838f : -74
8 : #938091 : -72
10 : #957e93 : -70
12 : #987c95 : -68
14 : #9a7997 : -66
16 : #9c7799 : -64
18 : #9f759b : -62
20 : #a1729c : -60
22 : #a4709e : -58
24 : #a66ea0 : -56
26 : #a86ba2 : -54
28 : #ab69a4 : -52
30 : #ad67a6 : -50
32 : #af64a8 : -48
34 : #b262aa : -46
36 : #b45fab : -44
38 : #b65dad : -42
40 : #b95baf : -40
42 : #bb58b1 : -38
44 : #bd56b3 : -36
46 : #c054b5 : -34
48 : #c251b7 : -32
50 : #c44fb9 : -30
52 : #c74dba : -28
54 : #c94abc : -26
56 : #cb48be : -24
58 : #ce46c0 : -22
60 : #d043c2 : -20
62 : #d241c4 : -18
64 : #d53fc6 : -16
66 : #d73cc8 : -14
68 : #d93aca : -12
70 : #dc38cb : -10
72 : #de35cd : -8
74 : #e133cf : -6
76 : #e331d1 : -4
78 : #e52ed3 : -2
80 : #e82cd5 : ±0
82 : #ea2ad7 : +2
84 : #ec27d9 : +4
86 : #ef25da : +6
88 : #f122dc : +8
90 : #f320de : +10
92 : #f61ee0 : +12
94 : #f81be2 : +14
96 : #fa19e4 : +16
98 : #fd17e6 : +18
100 : #ff14e8 : +20
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #090108 : -52
4 : #120211 : -50
6 : #1c0319 : -48
8 : #250421 : -46
10 : #2e052a : -44
12 : #370632 : -42
14 : #40073b : -40
16 : #490843 : -38
18 : #53094b : -36
20 : #5c0a54 : -34
22 : #650b5c : -32
24 : #6e0c64 : -30
26 : #770d6d : -28
28 : #810e75 : -26
30 : #8a0f7d : -24
32 : #931086 : -22
34 : #9c118e : -20
36 : #a51297 : -18
38 : #ae139f : -16
40 : #b814a7 : -14
42 : #c115b0 : -12
44 : #ca16b8 : -10
46 : #d317c0 : -8
48 : #dc18c9 : -6
50 : #e61ad1 : -4
52 : #e723d3 : -2
54 : #e82cd5 : ±0
56 : #e935d7 : +2
58 : #ea3ed8 : +4
60 : #eb47da : +6
62 : #ec51dc : +8
64 : #ed5ade : +10
66 : #ee63e0 : +12
68 : #ef6ce2 : +14
70 : #f075e3 : +16
72 : #f17ee5 : +18
74 : #f288e7 : +20
76 : #f391e9 : +22
78 : #f49aeb : +24
80 : #f5a3ed : +26
82 : #f6acee : +28
84 : #f7b6f0 : +30
86 : #f8bff2 : +32
88 : #f9c8f4 : +34
90 : #fad1f6 : +36
92 : #fbdaf8 : +38
94 : #fce3f9 : +40
96 : #fdedfb : +42
98 : #fef6fd : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow