#87f50a
RGB
赤 | 135 |
---|---|
緑 | 245 |
青 | 10 |
HSL
色相 | 88° |
---|---|
彩度 | 92% |
明度 | 50% |
輝度 | 73% |
3桁の色
補色
反転色
RGB ( 赤 = 135, 緑 = 245, 青 = 10 )
HSL ( 色相 = 88°, 彩度 = 92%, 明度 = 50% )
H : 色相 ( 88° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #f5290a : -80
18 : #f5510a : -70
28 : #f5780a : -60
38 : #f59f0a : -50
48 : #f5c60a : -40
58 : #f5ed0a : -30
68 : #d6f50a : -20
78 : #aef50a : -10
88 : #87f50a : ±0
98 : #60f50a : +10
108 : #39f50a : +20
118 : #12f50a : +30
128 : #0af529 : +40
138 : #0af551 : +50
148 : #0af578 : +60
158 : #0af59f : +70
168 : #0af5c6 : +80
178 : #0af5ed : +90
188 : #0ad6f5 : +100
198 : #0aaef5 : +110
208 : #0a87f5 : +120
218 : #0a60f5 : +130
228 : #0a39f5 : +140
238 : #0a12f5 : +150
248 : #290af5 : +160
258 : #510af5 : +170
268 : #780af5 : +180
278 : #9f0af5 : +190
288 : #c60af5 : +200
298 : #ed0af5 : +210
308 : #f50ad6 : +220
318 : #f50aae : +230
328 : #f50a87 : +240
338 : #f50a60 : +250
348 : #f50a39 : +260
358 : #f50a12 : +270
78 : #aef50a : -10
79 : #abf50a : -9
80 : #a7f50a : -8
81 : #a3f50a : -7
82 : #9ff50a : -6
83 : #9bf50a : -5
84 : #97f50a : -4
85 : #93f50a : -3
86 : #8ff50a : -2
87 : #8bf50a : -1
88 : #87f50a : ±0
89 : #83f50a : +1
90 : #80f50a : +2
91 : #7cf50a : +3
92 : #78f50a : +4
93 : #74f50a : +5
94 : #70f50a : +6
95 : #6cf50a : +7
96 : #68f50a : +8
97 : #64f50a : +9
98 : #60f50a : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -92
2 : #80827d : -90
4 : #80857a : -88
6 : #808778 : -86
8 : #808a75 : -84
10 : #808c73 : -82
12 : #818f70 : -80
14 : #81916e : -78
16 : #81946b : -76
18 : #819669 : -74
20 : #819966 : -72
22 : #819c63 : -70
24 : #829e61 : -68
26 : #82a15e : -66
28 : #82a35c : -64
30 : #82a659 : -62
32 : #82a857 : -60
34 : #82ab54 : -58
36 : #83ad52 : -56
38 : #83b04f : -54
40 : #83b34d : -52
42 : #83b54a : -50
44 : #83b847 : -48
46 : #83ba45 : -46
48 : #84bd42 : -44
50 : #84bf40 : -42
52 : #84c23d : -40
54 : #84c43b : -38
56 : #84c738 : -36
58 : #84c936 : -34
60 : #85cc33 : -32
62 : #85cf30 : -30
64 : #85d12e : -28
66 : #85d42b : -26
68 : #85d629 : -24
70 : #85d926 : -22
72 : #86db24 : -20
74 : #86de21 : -18
76 : #86e01f : -16
78 : #86e31c : -14
80 : #86e61a : -12
82 : #86e817 : -10
84 : #87eb14 : -8
86 : #87ed12 : -6
88 : #87f00f : -4
90 : #87f20d : -2
92 : #87f50a : ±0
94 : #87f708 : +2
96 : #88fa05 : +4
98 : #88fc03 : +6
100 : #88ff00 : +8
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #050a00 : -48
4 : #0b1401 : -46
6 : #101d01 : -44
8 : #162702 : -42
10 : #1b3102 : -40
12 : #203b02 : -38
14 : #264503 : -36
16 : #2b4e03 : -34
18 : #315804 : -32
20 : #366204 : -30
22 : #3c6c04 : -28
24 : #417605 : -26
26 : #467f05 : -24
28 : #4c8906 : -22
30 : #519306 : -20
32 : #579d07 : -18
34 : #5ca607 : -16
36 : #61b007 : -14
38 : #67ba08 : -12
40 : #6cc408 : -10
42 : #72ce09 : -8
44 : #77d709 : -6
46 : #7ce109 : -4
48 : #82eb0a : -2
50 : #87f50a : ±0
52 : #8cf514 : +2
54 : #91f61e : +4
56 : #96f628 : +6
58 : #9af631 : +8
60 : #9ff73b : +10
62 : #a4f745 : +12
64 : #a9f84f : +14
66 : #aef859 : +16
68 : #b2f862 : +18
70 : #b7f96c : +20
72 : #bcf976 : +22
74 : #c1fa80 : +24
76 : #c6fa89 : +26
78 : #cafb93 : +28
80 : #cffb9d : +30
82 : #d4fba7 : +32
84 : #d9fcb1 : +34
86 : #ddfcba : +36
88 : #e2fdc4 : +38
90 : #e7fdce : +40
92 : #ecfdd8 : +42
94 : #f1fee2 : +44
96 : #f5feeb : +46
98 : #fafff5 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow