#e61a9b
RGB
赤 | 230 |
---|---|
緑 | 26 |
青 | 155 |
HSL
色相 | 322° |
---|---|
彩度 | 80% |
明度 | 50% |
輝度 | 40% |
3桁の色
補色
反転色
RGB ( 赤 = 230, 緑 = 26, 青 = 155 )
HSL ( 色相 = 322°, 彩度 = 80%, 明度 = 50% )
H : 色相 ( 322° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #e6201a : -320
12 : #e6421a : -310
22 : #e6641a : -300
32 : #e6861a : -290
42 : #e6a81a : -280
52 : #e6ca1a : -270
62 : #dfe61a : -260
72 : #bde61a : -250
82 : #9be61a : -240
92 : #79e61a : -230
102 : #57e61a : -220
112 : #35e61a : -210
122 : #1ae620 : -200
132 : #1ae642 : -190
142 : #1ae664 : -180
152 : #1ae686 : -170
162 : #1ae6a8 : -160
172 : #1ae6ca : -150
182 : #1adfe6 : -140
192 : #1abde6 : -130
202 : #1a9be6 : -120
212 : #1a79e6 : -110
222 : #1a57e6 : -100
232 : #1a35e6 : -90
242 : #201ae6 : -80
252 : #421ae6 : -70
262 : #641ae6 : -60
272 : #861ae6 : -50
282 : #a81ae6 : -40
292 : #ca1ae6 : -30
302 : #e61adf : -20
312 : #e61abd : -10
322 : #e61a9b : ±0
332 : #e61a79 : +10
342 : #e61a57 : +20
352 : #e61a35 : +30
312 : #e61abd : -10
313 : #e61ab9 : -9
314 : #e61ab6 : -8
315 : #e61ab3 : -7
316 : #e61aaf : -6
317 : #e61aac : -5
318 : #e61aa8 : -4
319 : #e61aa5 : -3
320 : #e61aa2 : -2
321 : #e61a9e : -1
322 : #e61a9b : ±0
323 : #e61a97 : +1
324 : #e61a94 : +2
325 : #e61a91 : +3
326 : #e61a8d : +4
327 : #e61a8a : +5
328 : #e61a86 : +6
329 : #e61a83 : +7
330 : #e61a80 : +8
331 : #e61a7c : +9
332 : #e61a79 : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -80
2 : #827d80 : -78
4 : #857a81 : -76
6 : #877882 : -74
8 : #8a7582 : -72
10 : #8c7383 : -70
12 : #8f7084 : -68
14 : #916e84 : -66
16 : #946b85 : -64
18 : #966986 : -62
20 : #996686 : -60
22 : #9c6387 : -58
24 : #9e6188 : -56
26 : #a15e88 : -54
28 : #a35c89 : -52
30 : #a6598a : -50
32 : #a8578a : -48
34 : #ab548b : -46
36 : #ad528c : -44
38 : #b04f8c : -42
40 : #b34d8d : -40
42 : #b54a8e : -38
44 : #b8478e : -36
46 : #ba458f : -34
48 : #bd4290 : -32
50 : #bf4091 : -30
52 : #c23d91 : -28
54 : #c43b92 : -26
56 : #c73893 : -24
58 : #c93693 : -22
60 : #cc3394 : -20
62 : #cf3095 : -18
64 : #d12e95 : -16
66 : #d42b96 : -14
68 : #d62997 : -12
70 : #d92697 : -10
72 : #db2498 : -8
74 : #de2199 : -6
76 : #e01f99 : -4
78 : #e31c9a : -2
80 : #e61a9b : ±0
82 : #e8179b : +2
84 : #eb149c : +4
86 : #ed129d : +6
88 : #f00f9d : +8
90 : #f20d9e : +10
92 : #f50a9f : +12
94 : #f7089f : +14
96 : #fa05a0 : +16
98 : #fc03a1 : +18
100 : #ff00a2 : +20
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #090106 : -48
4 : #12020c : -46
6 : #1c0313 : -44
8 : #250419 : -42
10 : #2e051f : -40
12 : #370625 : -38
14 : #40072b : -36
16 : #490832 : -34
18 : #530938 : -32
20 : #5c0a3e : -30
22 : #650b44 : -28
24 : #6e0c4a : -26
26 : #770d50 : -24
28 : #810e57 : -22
30 : #8a0f5d : -20
32 : #931063 : -18
34 : #9c1169 : -16
36 : #a5126f : -14
38 : #ae1376 : -12
40 : #b8147c : -10
42 : #c11582 : -8
44 : #ca1688 : -6
46 : #d3178e : -4
48 : #dc1895 : -2
50 : #e61a9b : ±0
52 : #e7239f : +2
54 : #e82ca3 : +4
56 : #e935a7 : +6
58 : #ea3eab : +8
60 : #eb47af : +10
62 : #ec51b3 : +12
64 : #ed5ab7 : +14
66 : #ee63bb : +16
68 : #ef6cbf : +18
70 : #f075c3 : +20
72 : #f17ec7 : +22
74 : #f288cb : +24
76 : #f391cf : +26
78 : #f49ad3 : +28
80 : #f5a3d7 : +30
82 : #f6acdb : +32
84 : #f7b6df : +34
86 : #f8bfe3 : +36
88 : #f9c8e7 : +38
90 : #fad1eb : +40
92 : #fbdaef : +42
94 : #fce3f3 : +44
96 : #fdedf7 : +46
98 : #fef6fb : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow