#8aff05
RGB
赤 | 138 |
---|---|
緑 | 255 |
青 | 5 |
HSL
色相 | 88° |
---|---|
彩度 | 100% |
明度 | 51% |
輝度 | 75% |
3桁の色
補色
反転色
RGB ( 赤 = 138, 緑 = 255, 青 = 5 )
HSL ( 色相 = 88°, 彩度 = 100%, 明度 = 51% )
H : 色相 ( 88° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #ff2605 : -80
18 : #ff5005 : -70
28 : #ff7a05 : -60
38 : #ffa305 : -50
48 : #ffcd05 : -40
58 : #fff705 : -30
68 : #deff05 : -20
78 : #b4ff05 : -10
88 : #8aff05 : ±0
98 : #61ff05 : +10
108 : #37ff05 : +20
118 : #0dff05 : +30
128 : #05ff26 : +40
138 : #05ff50 : +50
148 : #05ff7a : +60
158 : #05ffa3 : +70
168 : #05ffcd : +80
178 : #05fff7 : +90
188 : #05deff : +100
198 : #05b4ff : +110
208 : #058aff : +120
218 : #0561ff : +130
228 : #0537ff : +140
238 : #050dff : +150
248 : #2605ff : +160
258 : #5005ff : +170
268 : #7a05ff : +180
278 : #a305ff : +190
288 : #cd05ff : +200
298 : #f705ff : +210
308 : #ff05de : +220
318 : #ff05b4 : +230
328 : #ff058a : +240
338 : #ff0561 : +250
348 : #ff0537 : +260
358 : #ff050d : +270
78 : #b4ff05 : -10
79 : #b0ff05 : -9
80 : #acff05 : -8
81 : #a8ff05 : -7
82 : #a3ff05 : -6
83 : #9fff05 : -5
84 : #9bff05 : -4
85 : #97ff05 : -3
86 : #93ff05 : -2
87 : #8fff05 : -1
88 : #8aff05 : ±0
89 : #86ff05 : +1
90 : #82ff05 : +2
91 : #7eff05 : +3
92 : #7aff05 : +4
93 : #76ff05 : +5
94 : #71ff05 : +6
95 : #6dff05 : +7
96 : #69ff05 : +8
97 : #65ff05 : +9
98 : #61ff05 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #828282 : -100
2 : #828580 : -98
4 : #82877d : -96
6 : #838a7b : -94
8 : #838c78 : -92
10 : #838f76 : -90
12 : #839173 : -88
14 : #839471 : -86
16 : #83966e : -84
18 : #84996c : -82
20 : #849b69 : -80
22 : #849e67 : -78
24 : #84a064 : -76
26 : #84a362 : -74
28 : #84a55f : -72
30 : #85a85d : -70
32 : #85aa5a : -68
34 : #85ad58 : -66
36 : #85af55 : -64
38 : #85b253 : -62
40 : #85b450 : -60
42 : #86b74e : -58
44 : #86b94b : -56
46 : #86bc49 : -54
48 : #86be46 : -52
50 : #86c144 : -50
52 : #86c341 : -48
54 : #87c63f : -46
56 : #87c83c : -44
58 : #87cb3a : -42
60 : #87cd37 : -40
62 : #87d035 : -38
64 : #87d232 : -36
66 : #88d530 : -34
68 : #88d72d : -32
70 : #88da2b : -30
72 : #88dc28 : -28
74 : #88df26 : -26
76 : #88e123 : -24
78 : #89e421 : -22
80 : #89e61e : -20
82 : #89e91c : -18
84 : #89eb19 : -16
86 : #89ee17 : -14
88 : #89f014 : -12
90 : #8af312 : -10
92 : #8af50f : -8
94 : #8af80d : -6
96 : #8afa0a : -4
98 : #8afd08 : -2
100 : #8aff05 : ±0
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #030500 : -50
3 : #080f00 : -48
5 : #0e1a00 : -46
7 : #132400 : -44
9 : #182e00 : -42
11 : #1e3800 : -40
13 : #234200 : -38
15 : #294d00 : -36
17 : #2e5700 : -34
19 : #346100 : -32
21 : #396b00 : -30
23 : #3f7500 : -28
25 : #448000 : -26
27 : #498a00 : -24
29 : #4f9400 : -22
31 : #549e00 : -20
33 : #5aa800 : -18
35 : #5fb300 : -16
37 : #65bd00 : -14
39 : #6ac700 : -12
41 : #70d100 : -10
43 : #75db00 : -8
45 : #7ae600 : -6
47 : #80f000 : -4
49 : #85fa00 : -2
51 : #8aff05 : ±0
53 : #8fff0f : +2
55 : #94ff1a : +4
57 : #99ff24 : +6
59 : #9dff2e : +8
61 : #a2ff38 : +10
63 : #a7ff42 : +12
65 : #acff4d : +14
67 : #b0ff57 : +16
69 : #b5ff61 : +18
71 : #baff6b : +20
73 : #bfff75 : +22
75 : #c4ff80 : +24
77 : #c8ff8a : +26
79 : #cdff94 : +28
81 : #d2ff9e : +30
83 : #d7ffa8 : +32
85 : #dbffb3 : +34
87 : #e0ffbd : +36
89 : #e5ffc7 : +38
91 : #eaffd1 : +40
93 : #eeffdb : +42
95 : #f3ffe6 : +44
97 : #f8fff0 : +46
99 : #fdfffa : +48
CSS入門、作ってます。
text-shadow