#0c7e2c
RGB
赤 | 12 |
---|---|
緑 | 126 |
青 | 44 |
HSL
色相 | 137° |
---|---|
彩度 | 83% |
明度 | 27% |
輝度 | 32% |
3桁の色
補色
反転色
RGB ( 赤 = 12, 緑 = 126, 青 = 44 )
HSL ( 色相 = 137°, 彩度 = 83%, 明度 = 27% )
H : 色相 ( 137° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #7e190c : -130
17 : #7e2c0c : -120
27 : #7e3f0c : -110
37 : #7e520c : -100
47 : #7e650c : -90
57 : #7e780c : -80
67 : #717e0c : -70
77 : #5e7e0c : -60
87 : #4b7e0c : -50
97 : #387e0c : -40
107 : #247e0c : -30
117 : #117e0c : -20
127 : #0c7e19 : -10
137 : #0c7e2c : ±0
147 : #0c7e3f : +10
157 : #0c7e52 : +20
167 : #0c7e65 : +30
177 : #0c7e78 : +40
187 : #0c717e : +50
197 : #0c5e7e : +60
207 : #0c4b7e : +70
217 : #0c387e : +80
227 : #0c247e : +90
237 : #0c117e : +100
247 : #190c7e : +110
257 : #2c0c7e : +120
267 : #3f0c7e : +130
277 : #520c7e : +140
287 : #650c7e : +150
297 : #780c7e : +160
307 : #7e0c71 : +170
317 : #7e0c5e : +180
327 : #7e0c4b : +190
337 : #7e0c38 : +200
347 : #7e0c24 : +210
357 : #7e0c11 : +220
127 : #0c7e19 : -10
128 : #0c7e1b : -9
129 : #0c7e1d : -8
130 : #0c7e1f : -7
131 : #0c7e21 : -6
132 : #0c7e23 : -5
133 : #0c7e24 : -4
134 : #0c7e26 : -3
135 : #0c7e28 : -2
136 : #0c7e2a : -1
137 : #0c7e2c : ±0
138 : #0c7e2e : +1
139 : #0c7e30 : +2
140 : #0c7e32 : +3
141 : #0c7e34 : +4
142 : #0c7e36 : +5
143 : #0c7e38 : +6
144 : #0c7e39 : +7
145 : #0c7e3b : +8
146 : #0c7e3d : +9
147 : #0c7e3f : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #444645 : -82
3 : #434744 : -80
5 : #414843 : -78
7 : #404a43 : -76
9 : #3f4b42 : -74
11 : #3d4c42 : -72
13 : #3c4e41 : -70
15 : #3b4f40 : -68
17 : #395140 : -66
19 : #38523f : -64
21 : #36533f : -62
23 : #35553e : -60
25 : #34563d : -58
27 : #32573d : -56
29 : #31593c : -54
31 : #305a3c : -52
33 : #2e5c3b : -50
35 : #2d5d3a : -48
37 : #2b5e3a : -46
39 : #2a6039 : -44
41 : #296139 : -42
43 : #276238 : -40
45 : #266437 : -38
47 : #246537 : -36
49 : #236736 : -34
51 : #226836 : -32
53 : #206935 : -30
55 : #1f6b34 : -28
57 : #1e6c34 : -26
59 : #1c6d33 : -24
61 : #1b6f33 : -22
63 : #197032 : -20
65 : #187231 : -18
67 : #177331 : -16
69 : #157430 : -14
71 : #147630 : -12
73 : #13772f : -10
75 : #11782e : -8
77 : #107a2e : -6
79 : #0e7b2d : -4
81 : #0d7d2d : -2
83 : #0c7e2c : ±0
85 : #0a7f2b : +2
87 : #09812b : +4
89 : #08822a : +6
91 : #06842a : +8
93 : #058529 : +10
95 : #038629 : +12
97 : #028828 : +14
99 : #018927 : +16
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #000502 : -26
3 : #010e05 : -24
5 : #021708 : -22
7 : #03210b : -20
9 : #042a0f : -18
11 : #053312 : -16
13 : #063d15 : -14
15 : #074618 : -12
17 : #074f1c : -10
19 : #08591f : -8
21 : #096222 : -6
23 : #0a6b26 : -4
25 : #0b7529 : -2
27 : #0c7e2c : ±0
29 : #0d872f : +2
31 : #0d9133 : +4
33 : #0e9a36 : +6
35 : #0fa339 : +8
37 : #10ad3c : +10
39 : #11b640 : +12
41 : #12bf43 : +14
43 : #13c946 : +16
45 : #14d249 : +18
47 : #14db4d : +20
49 : #15e550 : +22
51 : #1aea55 : +24
53 : #24eb5c : +26
55 : #2deb63 : +28
57 : #36ec6a : +30
59 : #40ed71 : +32
61 : #49ee78 : +34
63 : #52ef7f : +36
65 : #5cf086 : +38
67 : #65f18d : +40
69 : #6ef294 : +42
71 : #78f29a : +44
73 : #81f3a1 : +46
75 : #8af4a8 : +48
77 : #94f5af : +50
79 : #9df6b6 : +52
81 : #a6f7bd : +54
83 : #b0f8c4 : +56
85 : #b9f8cb : +58
87 : #c2f9d2 : +60
89 : #ccfad9 : +62
91 : #d5fbe0 : +64
93 : #defce7 : +66
95 : #e8fdee : +68
97 : #f1fef5 : +70
99 : #fafffc : +72
CSS入門、作ってます。
text-shadow