#57e519
RGB
| 赤 | 87 |
|---|---|
| 緑 | 229 |
| 青 | 25 |
HSL
| 色相 | 102° |
|---|---|
| 彩度 | 80% |
| 明度 | 50% |
| 輝度 | 64% |
３桁の色
補色
反転色
RGB ( 赤 = 87, 緑 = 229, 青 = 25 )
HSL ( 色相 = 102°, 彩度 = 80%, 明度 = 50% )
H : 色相 ( 102° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #e6201a : -100
12 : #e6421a : -90
22 : #e6641a : -80
32 : #e6861a : -70
42 : #e6a81a : -60
52 : #e6ca1a : -50
62 : #dfe61a : -40
72 : #bde61a : -30
82 : #9be61a : -20
92 : #79e61a : -10
102 : #57e61a : ±0
112 : #35e61a : +10
122 : #1ae620 : +20
132 : #1ae642 : +30
142 : #1ae664 : +40
152 : #1ae686 : +50
162 : #1ae6a8 : +60
172 : #1ae6ca : +70
182 : #1adfe6 : +80
192 : #1abde6 : +90
202 : #1a9be6 : +100
212 : #1a79e6 : +110
222 : #1a57e6 : +120
232 : #1a35e6 : +130
242 : #201ae6 : +140
252 : #421ae6 : +150
262 : #641ae6 : +160
272 : #861ae6 : +170
282 : #a81ae6 : +180
292 : #ca1ae6 : +190
302 : #e61adf : +200
312 : #e61abd : +210
322 : #e61a9b : +220
332 : #e61a79 : +230
342 : #e61a57 : +240
352 : #e61a35 : +250
92 : #79e61a : -10
93 : #75e61a : -9
94 : #72e61a : -8
95 : #6fe61a : -7
96 : #6be61a : -6
97 : #68e61a : -5
98 : #64e61a : -4
99 : #61e61a : -3
100 : #5ee61a : -2
101 : #5ae61a : -1
102 : #57e61a : ±0
103 : #53e61a : +1
104 : #50e61a : +2
105 : #4de61a : +3
106 : #49e61a : +4
107 : #46e61a : +5
108 : #42e61a : +6
109 : #3fe61a : +7
110 : #3ce61a : +8
111 : #38e61a : +9
112 : #35e61a : +10
S : 彩度 ( 80% )
(0%) 渋い ～ 鮮やか (100%)
0 : #7f7f7f : -80
2 : #7e827d : -78
4 : #7d857a : -76
6 : #7c8778 : -74
8 : #7b8a75 : -72
10 : #7a8c73 : -70
12 : #798f70 : -68
14 : #78916e : -66
16 : #77946b : -64
18 : #769669 : -62
20 : #759966 : -60
22 : #749c63 : -58
24 : #739e61 : -56
26 : #72a15e : -54
28 : #71a35c : -52
30 : #70a659 : -50
32 : #6fa857 : -48
34 : #6eab54 : -46
36 : #6dad52 : -44
38 : #6cb04f : -42
40 : #6bb34d : -40
42 : #6ab54a : -38
44 : #69b847 : -36
46 : #68ba45 : -34
48 : #67bd42 : -32
50 : #66bf40 : -30
52 : #65c23d : -28
54 : #64c43b : -26
56 : #63c738 : -24
58 : #62c936 : -22
60 : #61cc33 : -20
62 : #60cf30 : -18
64 : #5fd12e : -16
66 : #5ed42b : -14
68 : #5dd629 : -12
70 : #5cd926 : -10
72 : #5bdb24 : -8
74 : #5ade21 : -6
76 : #59e01f : -4
78 : #58e31c : -2
80 : #57e61a : ±0
82 : #56e817 : +2
84 : #55eb14 : +4
86 : #54ed12 : +6
88 : #53f00f : +8
90 : #52f20d : +10
92 : #51f50a : +12
94 : #50f708 : +14
96 : #4ffa05 : +16
98 : #4efc03 : +18
100 : #4dff00 : +20
L : 明度 ( 50% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -50
2 : #030901 : -48
4 : #071202 : -46
6 : #0a1c03 : -44
8 : #0e2504 : -42
10 : #112e05 : -40
12 : #153706 : -38
14 : #184007 : -36
16 : #1c4908 : -34
18 : #1f5309 : -32
20 : #235c0a : -30
22 : #26650b : -28
24 : #2a6e0c : -26
26 : #2d770d : -24
28 : #31810e : -22
30 : #348a0f : -20
32 : #379310 : -18
34 : #3b9c11 : -16
36 : #3ea512 : -14
38 : #42ae13 : -12
40 : #45b814 : -10
42 : #49c115 : -8
44 : #4cca16 : -6
46 : #50d317 : -4
48 : #53dc18 : -2
50 : #57e61a : ±0
52 : #5de723 : +2
54 : #64e82c : +4
56 : #6be935 : +6
58 : #72ea3e : +8
60 : #78eb47 : +10
62 : #7fec51 : +12
64 : #86ed5a : +14
66 : #8dee63 : +16
68 : #93ef6c : +18
70 : #9af075 : +20
72 : #a1f17e : +22
74 : #a7f288 : +24
76 : #aef391 : +26
78 : #b5f49a : +28
80 : #bcf5a3 : +30
82 : #c2f6ac : +32
84 : #c9f7b6 : +34
86 : #d0f8bf : +36
88 : #d7f9c8 : +38
90 : #ddfad1 : +40
92 : #e4fbda : +42
94 : #ebfce3 : +44
96 : #f2fded : +46
98 : #f8fef6 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow