#12bf3a
RGB
赤 | 18 |
---|---|
緑 | 191 |
青 | 58 |
HSL
色相 | 134° |
---|---|
彩度 | 83% |
明度 | 41% |
輝度 | 49% |
3桁の色
補色
反転色
RGB ( 赤 = 18, 緑 = 191, 青 = 58 )
HSL ( 色相 = 134°, 彩度 = 83%, 明度 = 41% )
H : 色相 ( 134° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #bf1d12 : -130
14 : #bf3a12 : -120
24 : #bf5712 : -110
34 : #bf7412 : -100
44 : #bf9112 : -90
54 : #bfae12 : -80
64 : #b4bf12 : -70
74 : #97bf12 : -60
84 : #7abf12 : -50
94 : #5dbf12 : -40
104 : #40bf12 : -30
114 : #23bf12 : -20
124 : #12bf1d : -10
134 : #12bf3a : ±0
144 : #12bf57 : +10
154 : #12bf74 : +20
164 : #12bf91 : +30
174 : #12bfae : +40
184 : #12b4bf : +50
194 : #1297bf : +60
204 : #127abf : +70
214 : #125dbf : +80
224 : #1240bf : +90
234 : #1223bf : +100
244 : #1d12bf : +110
254 : #3a12bf : +120
264 : #5712bf : +130
274 : #7412bf : +140
284 : #9112bf : +150
294 : #ae12bf : +160
304 : #bf12b4 : +170
314 : #bf1297 : +180
324 : #bf127a : +190
334 : #bf125d : +200
344 : #bf1240 : +210
354 : #bf1223 : +220
124 : #12bf1d : -10
125 : #12bf20 : -9
126 : #12bf23 : -8
127 : #12bf26 : -7
128 : #12bf29 : -6
129 : #12bf2c : -5
130 : #12bf2f : -4
131 : #12bf32 : -3
132 : #12bf34 : -2
133 : #12bf37 : -1
134 : #12bf3a : ±0
135 : #12bf3d : +1
136 : #12bf40 : +2
137 : #12bf43 : +3
138 : #12bf46 : +4
139 : #12bf49 : +5
140 : #12bf4c : +6
141 : #12bf4f : +7
142 : #12bf51 : +8
143 : #12bf54 : +9
144 : #12bf57 : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #686a68 : -82
3 : #656c67 : -80
5 : #636e66 : -78
7 : #617065 : -76
9 : #5f7264 : -74
11 : #5d7462 : -72
13 : #5b7661 : -70
15 : #597860 : -68
17 : #577a5f : -66
19 : #557c5e : -64
21 : #537f5d : -62
23 : #51815c : -60
25 : #4e835b : -58
27 : #4c8559 : -56
29 : #4a8758 : -54
31 : #488957 : -52
33 : #468b56 : -50
35 : #448d55 : -48
37 : #428f54 : -46
39 : #409153 : -44
41 : #3e9352 : -42
43 : #3c9651 : -40
45 : #3a984f : -38
47 : #379a4e : -36
49 : #359c4d : -34
51 : #339e4c : -32
53 : #31a04b : -30
55 : #2fa24a : -28
57 : #2da449 : -26
59 : #2ba648 : -24
61 : #29a847 : -22
63 : #27aa45 : -20
65 : #25ad44 : -18
67 : #23af43 : -16
69 : #20b142 : -14
71 : #1eb341 : -12
73 : #1cb540 : -10
75 : #1ab73f : -8
77 : #18b93e : -6
79 : #16bb3c : -4
81 : #14bd3b : -2
83 : #12bf3a : ±0
85 : #10c139 : +2
87 : #0ec438 : +4
89 : #0cc637 : +6
91 : #09c836 : +8
93 : #07ca35 : +10
95 : #05cc34 : +12
97 : #03ce32 : +14
99 : #01d031 : +16
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #000501 : -40
3 : #010e04 : -38
5 : #021707 : -36
7 : #03210a : -34
9 : #042a0d : -32
11 : #053310 : -30
13 : #063d12 : -28
15 : #074615 : -26
17 : #074f18 : -24
19 : #08591b : -22
21 : #09621e : -20
23 : #0a6b21 : -18
25 : #0b7524 : -16
27 : #0c7e26 : -14
29 : #0d8729 : -12
31 : #0d912c : -10
33 : #0e9a2f : -8
35 : #0fa332 : -6
37 : #10ad35 : -4
39 : #11b637 : -2
41 : #12bf3a : ±0
43 : #13c93d : +2
45 : #14d240 : +4
47 : #14db43 : +6
49 : #15e546 : +8
51 : #1aea4b : +10
53 : #24eb52 : +12
55 : #2deb59 : +14
57 : #36ec61 : +16
59 : #40ed68 : +18
61 : #49ee70 : +20
63 : #52ef77 : +22
65 : #5cf07e : +24
67 : #65f186 : +26
69 : #6ef28d : +28
71 : #78f294 : +30
73 : #81f39c : +32
75 : #8af4a3 : +34
77 : #94f5aa : +36
79 : #9df6b2 : +38
81 : #a6f7b9 : +40
83 : #b0f8c0 : +42
85 : #b9f8c8 : +44
87 : #c2f9cf : +46
89 : #ccfad7 : +48
91 : #d5fbde : +50
93 : #defce5 : +52
95 : #e8fded : +54
97 : #f1fef4 : +56
99 : #fafffb : +58
CSS入門、作ってます。
text-shadow