#0cc634
RGB
赤 | 12 |
---|---|
緑 | 198 |
青 | 52 |
HSL
色相 | 133° |
---|---|
彩度 | 89% |
明度 | 41% |
輝度 | 49% |
3桁の色
補色
反転色
RGB ( 赤 = 12, 緑 = 198, 青 = 52 )
HSL ( 色相 = 133°, 彩度 = 89%, 明度 = 41% )
H : 色相 ( 133° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #c6150c : -130
13 : #c6340c : -120
23 : #c6530c : -110
33 : #c6720c : -100
43 : #c6910c : -90
53 : #c6b00c : -80
63 : #bcc60c : -70
73 : #9dc60c : -60
83 : #7ec60c : -50
93 : #5fc60c : -40
103 : #40c60c : -30
113 : #21c60c : -20
123 : #0cc615 : -10
133 : #0cc634 : ±0
143 : #0cc653 : +10
153 : #0cc672 : +20
163 : #0cc691 : +30
173 : #0cc6b0 : +40
183 : #0cbcc6 : +50
193 : #0c9dc6 : +60
203 : #0c7ec6 : +70
213 : #0c5fc6 : +80
223 : #0c40c6 : +90
233 : #0c21c6 : +100
243 : #150cc6 : +110
253 : #340cc6 : +120
263 : #530cc6 : +130
273 : #720cc6 : +140
283 : #910cc6 : +150
293 : #b00cc6 : +160
303 : #c60cbc : +170
313 : #c60c9d : +180
323 : #c60c7e : +190
333 : #c60c5f : +200
343 : #c60c40 : +210
353 : #c60c21 : +220
123 : #0cc615 : -10
124 : #0cc618 : -9
125 : #0cc61b : -8
126 : #0cc61e : -7
127 : #0cc621 : -6
128 : #0cc624 : -5
129 : #0cc627 : -4
130 : #0cc62b : -3
131 : #0cc62e : -2
132 : #0cc631 : -1
133 : #0cc634 : ±0
134 : #0cc637 : +1
135 : #0cc63a : +2
136 : #0cc63d : +3
137 : #0cc640 : +4
138 : #0cc643 : +5
139 : #0cc646 : +6
140 : #0cc64a : +7
141 : #0cc64d : +8
142 : #0cc650 : +9
143 : #0cc653 : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #686a68 : -88
3 : #656c67 : -86
5 : #636e66 : -84
7 : #617064 : -82
9 : #5f7263 : -80
11 : #5d7462 : -78
13 : #5b7661 : -76
15 : #597860 : -74
17 : #577a5e : -72
19 : #557c5d : -70
21 : #537f5c : -68
23 : #51815b : -66
25 : #4e835a : -64
27 : #4c8559 : -62
29 : #4a8757 : -60
31 : #488956 : -58
33 : #468b55 : -56
35 : #448d54 : -54
37 : #428f53 : -52
39 : #409151 : -50
41 : #3e9350 : -48
43 : #3c964f : -46
45 : #3a984e : -44
47 : #379a4d : -42
49 : #359c4c : -40
51 : #339e4a : -38
53 : #31a049 : -36
55 : #2fa248 : -34
57 : #2da447 : -32
59 : #2ba646 : -30
61 : #29a844 : -28
63 : #27aa43 : -26
65 : #25ad42 : -24
67 : #23af41 : -22
69 : #20b140 : -20
71 : #1eb33e : -18
73 : #1cb53d : -16
75 : #1ab73c : -14
77 : #18b93b : -12
79 : #16bb3a : -10
81 : #14bd39 : -8
83 : #12bf37 : -6
85 : #10c136 : -4
87 : #0ec435 : -2
89 : #0cc634 : ±0
91 : #09c833 : +2
93 : #07ca31 : +4
95 : #05cc30 : +6
97 : #03ce2f : +8
99 : #01d02e : +10
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #000501 : -40
3 : #010e04 : -38
5 : #011806 : -36
7 : #022209 : -34
9 : #032b0b : -32
11 : #03350e : -30
13 : #043f10 : -28
15 : #044813 : -26
17 : #055215 : -24
19 : #055c18 : -22
21 : #06651b : -20
23 : #066f1d : -18
25 : #077820 : -16
27 : #088222 : -14
29 : #088c25 : -12
31 : #099527 : -10
33 : #099f2a : -8
35 : #0aa92c : -6
37 : #0ab22f : -4
39 : #0bbc31 : -2
41 : #0cc634 : ±0
43 : #0ccf36 : +2
45 : #0dd939 : +4
47 : #0de33b : +6
49 : #0eec3e : +8
51 : #13f143 : +10
53 : #1cf24b : +12
55 : #26f252 : +14
57 : #30f35a : +16
59 : #39f362 : +18
61 : #43f469 : +20
63 : #4df571 : +22
65 : #56f579 : +24
67 : #60f680 : +26
69 : #6af688 : +28
71 : #73f790 : +30
73 : #7df797 : +32
75 : #87f89f : +34
77 : #90f9a7 : +36
79 : #9af9ae : +38
81 : #a3fab6 : +40
83 : #adfabe : +42
85 : #b7fbc5 : +44
87 : #c0fbcd : +46
89 : #cafcd5 : +48
91 : #d4fcdc : +50
93 : #ddfde4 : +52
95 : #e7feec : +54
97 : #f1fef3 : +56
99 : #fafffb : +58
CSS入門、作ってます。
text-shadow