#a1ea10
RGB
赤 | 161 |
---|---|
緑 | 234 |
青 | 16 |
HSL
色相 | 80° |
---|---|
彩度 | 87% |
明度 | 49% |
輝度 | 73% |
3桁の色
補色
反転色
RGB ( 赤 = 161, 緑 = 234, 青 = 16 )
HSL ( 色相 = 80°, 彩度 = 87%, 明度 = 49% )
H : 色相 ( 80° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ea1010 : -80
10 : #ea3410 : -70
20 : #ea5910 : -60
30 : #ea7d10 : -50
40 : #eaa110 : -40
50 : #eac510 : -30
60 : #eaea10 : -20
70 : #c5ea10 : -10
80 : #a1ea10 : ±0
90 : #7dea10 : +10
100 : #59ea10 : +20
110 : #34ea10 : +30
120 : #10ea10 : +40
130 : #10ea34 : +50
140 : #10ea59 : +60
150 : #10ea7d : +70
160 : #10eaa1 : +80
170 : #10eac5 : +90
180 : #10eaea : +100
190 : #10c5ea : +110
200 : #10a1ea : +120
210 : #107dea : +130
220 : #1059ea : +140
230 : #1034ea : +150
240 : #1010ea : +160
250 : #3410ea : +170
260 : #5910ea : +180
270 : #7d10ea : +190
280 : #a110ea : +200
290 : #c510ea : +210
300 : #ea10ea : +220
310 : #ea10c5 : +230
320 : #ea10a1 : +240
330 : #ea107d : +250
340 : #ea1059 : +260
350 : #ea1034 : +270
70 : #c5ea10 : -10
71 : #c2ea10 : -9
72 : #beea10 : -8
73 : #bbea10 : -7
74 : #b7ea10 : -6
75 : #b3ea10 : -5
76 : #b0ea10 : -4
77 : #acea10 : -3
78 : #a8ea10 : -2
79 : #a5ea10 : -1
80 : #a1ea10 : ±0
81 : #9eea10 : +1
82 : #9aea10 : +2
83 : #96ea10 : +3
84 : #93ea10 : +4
85 : #8fea10 : +5
86 : #8bea10 : +6
87 : #88ea10 : +7
88 : #84ea10 : +8
89 : #81ea10 : +9
90 : #7dea10 : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7d7e7c : -86
3 : #7e8179 : -84
5 : #7f8377 : -82
7 : #808674 : -80
9 : #818872 : -78
11 : #828b6f : -76
13 : #828d6d : -74
15 : #83906a : -72
17 : #849268 : -70
19 : #859565 : -68
21 : #869763 : -66
23 : #879a60 : -64
25 : #879c5e : -62
27 : #889f5b : -60
29 : #89a159 : -58
31 : #8aa456 : -56
33 : #8ba654 : -54
35 : #8ca951 : -52
37 : #8cab4f : -50
39 : #8dae4c : -48
41 : #8eb04a : -46
43 : #8fb347 : -44
45 : #90b545 : -42
47 : #91b842 : -40
49 : #91ba40 : -38
51 : #92bd3d : -36
53 : #93bf3b : -34
55 : #94c238 : -32
57 : #95c436 : -30
59 : #96c733 : -28
61 : #96c931 : -26
63 : #97cc2e : -24
65 : #98ce2c : -22
67 : #99d129 : -20
69 : #9ad327 : -18
71 : #9bd624 : -16
73 : #9bd822 : -14
75 : #9cdb1f : -12
77 : #9ddd1d : -10
79 : #9ee01a : -8
81 : #9fe218 : -6
83 : #a0e515 : -4
85 : #a0e713 : -2
87 : #a1ea10 : ±0
89 : #a2ec0e : +2
91 : #a3ef0b : +4
93 : #a4f109 : +6
95 : #a5f406 : +8
97 : #a5f604 : +10
99 : #a6f901 : +12
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #030500 : -48
3 : #0a0e01 : -46
5 : #101802 : -44
7 : #172102 : -42
9 : #1e2b03 : -40
11 : #243404 : -38
13 : #2b3e04 : -36
15 : #314805 : -34
17 : #385106 : -32
19 : #3f5b06 : -30
21 : #456407 : -28
23 : #4c6e08 : -26
25 : #527708 : -24
27 : #598109 : -22
29 : #5f8a0a : -20
31 : #66940a : -18
33 : #6d9d0b : -16
35 : #73a70c : -14
37 : #7ab00c : -12
39 : #80ba0d : -10
41 : #87c40e : -8
43 : #8dcd0e : -6
45 : #94d70f : -4
47 : #9be010 : -2
49 : #a1ea10 : ±0
51 : #a6ef15 : +2
53 : #aaef1f : +4
55 : #aef028 : +6
57 : #b1f132 : +8
59 : #b5f13b : +10
61 : #b8f245 : +12
63 : #bcf34f : +14
65 : #c0f358 : +16
67 : #c3f462 : +18
69 : #c7f56b : +20
71 : #caf575 : +22
73 : #cef67e : +24
75 : #d2f788 : +26
77 : #d5f791 : +28
79 : #d9f89b : +30
81 : #ddf9a4 : +32
83 : #e0f9ae : +34
85 : #e4fab7 : +36
87 : #e7fbc1 : +38
89 : #ebfbcb : +40
91 : #effcd4 : +42
93 : #f2fdde : +44
95 : #f6fde7 : +46
97 : #fafef1 : +48
99 : #fdfffa : +50
CSS入門、作ってます。
text-shadow