#50e50b
RGB
赤 | 80 |
---|---|
緑 | 229 |
青 | 11 |
HSL
色相 | 101° |
---|---|
彩度 | 91% |
明度 | 47% |
輝度 | 63% |
3桁の色
補色
反転色
RGB ( 赤 = 80, 緑 = 229, 青 = 11 )
HSL ( 色相 = 101°, 彩度 = 91%, 明度 = 47% )
H : 色相 ( 101° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #e50e0b : -100
11 : #e5330b : -90
21 : #e5570b : -80
31 : #e57b0b : -70
41 : #e5a00b : -60
51 : #e5c40b : -50
61 : #e1e50b : -40
71 : #bde50b : -30
81 : #99e50b : -20
91 : #74e50b : -10
101 : #50e50b : ±0
111 : #2ce50b : +10
121 : #0be50e : +20
131 : #0be533 : +30
141 : #0be557 : +40
151 : #0be57b : +50
161 : #0be5a0 : +60
171 : #0be5c4 : +70
181 : #0be1e5 : +80
191 : #0bbde5 : +90
201 : #0b99e5 : +100
211 : #0b74e5 : +110
221 : #0b50e5 : +120
231 : #0b2ce5 : +130
241 : #0e0be5 : +140
251 : #330be5 : +150
261 : #570be5 : +160
271 : #7b0be5 : +170
281 : #a00be5 : +180
291 : #c40be5 : +190
301 : #e50be1 : +200
311 : #e50bbd : +210
321 : #e50b99 : +220
331 : #e50b74 : +230
341 : #e50b50 : +240
351 : #e50b2c : +250
91 : #74e50b : -10
92 : #71e50b : -9
93 : #6de50b : -8
94 : #69e50b : -7
95 : #66e50b : -6
96 : #62e50b : -5
97 : #5ee50b : -4
98 : #5be50b : -3
99 : #57e50b : -2
100 : #53e50b : -1
101 : #50e50b : ±0
102 : #4ce50b : +1
103 : #49e50b : +2
104 : #45e50b : +3
105 : #41e50b : +4
106 : #3ee50b : +5
107 : #3ae50b : +6
108 : #36e50b : +7
109 : #33e50b : +8
110 : #2fe50b : +9
111 : #2ce50b : +10
S : 彩度 ( 91% )
(0%) 渋い ~ 鮮やか (100%)
1 : #777977 : -90
3 : #777b74 : -88
5 : #767e72 : -86
7 : #75806f : -84
9 : #74836d : -82
11 : #73856b : -80
13 : #728768 : -78
15 : #718a66 : -76
17 : #708c63 : -74
19 : #708f61 : -72
21 : #6f915f : -70
23 : #6e935c : -68
25 : #6d965a : -66
27 : #6c9857 : -64
29 : #6b9b55 : -62
31 : #6a9d53 : -60
33 : #699f50 : -58
35 : #68a24e : -56
37 : #68a44c : -54
39 : #67a749 : -52
41 : #66a947 : -50
43 : #65ab44 : -48
45 : #64ae42 : -46
47 : #63b040 : -44
49 : #62b33d : -42
51 : #61b53b : -40
53 : #61b738 : -38
55 : #60ba36 : -36
57 : #5fbc34 : -34
59 : #5ebf31 : -32
61 : #5dc12f : -30
63 : #5cc32c : -28
65 : #5bc62a : -26
67 : #5ac828 : -24
69 : #5acb25 : -22
71 : #59cd23 : -20
73 : #58cf20 : -18
75 : #57d21e : -16
77 : #56d41c : -14
79 : #55d719 : -12
81 : #54d917 : -10
83 : #53db14 : -8
85 : #52de12 : -6
87 : #52e010 : -4
89 : #51e30d : -2
91 : #50e50b : ±0
93 : #4fe708 : +2
95 : #4eea06 : +4
97 : #4dec04 : +6
99 : #4cef01 : +8
L : 明度 ( 47% )
(0%) 暗い ~ 明るい (100%)
1 : #020500 : -46
3 : #050f01 : -44
5 : #081801 : -42
7 : #0c2202 : -40
9 : #0f2c02 : -38
11 : #133603 : -36
13 : #163f03 : -34
15 : #194903 : -32
17 : #1d5304 : -30
19 : #205d04 : -28
21 : #246605 : -26
23 : #277005 : -24
25 : #2a7a06 : -22
27 : #2e8406 : -20
29 : #318d07 : -18
31 : #359707 : -16
33 : #38a108 : -14
35 : #3baa08 : -12
37 : #3fb408 : -10
39 : #42be09 : -8
41 : #46c809 : -6
43 : #49d10a : -4
45 : #4cdb0a : -2
47 : #50e50b : ±0
49 : #53ef0b : +2
51 : #58f410 : +4
53 : #5ff41a : +6
55 : #66f524 : +8
57 : #6df52e : +10
59 : #74f637 : +12
61 : #7af641 : +14
63 : #81f74b : +16
65 : #88f755 : +18
67 : #8ff75e : +20
69 : #96f868 : +22
71 : #9cf872 : +24
73 : #a3f97b : +26
75 : #aaf985 : +28
77 : #b1fa8f : +30
79 : #b8fa99 : +32
81 : #befba2 : +34
83 : #c5fbac : +36
85 : #ccfcb6 : +38
87 : #d3fcc0 : +40
89 : #dafcc9 : +42
91 : #e0fdd3 : +44
93 : #e7fddd : +46
95 : #eefee7 : +48
97 : #f5fef0 : +50
99 : #fcfffa : +52
CSS入門、作ってます。
text-shadow