#227c28
RGB
赤 | 34 |
---|---|
緑 | 124 |
青 | 40 |
HSL
色相 | 124° |
---|---|
彩度 | 57% |
明度 | 31% |
輝度 | 34% |
3桁の色
補色
反転色
RGB ( 赤 = 34, 緑 = 124, 青 = 40 )
HSL ( 色相 = 124°, 彩度 = 57%, 明度 = 31% )
H : 色相 ( 124° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #7c2822 : -120
14 : #7c3722 : -110
24 : #7c4622 : -100
34 : #7c5522 : -90
44 : #7c6422 : -80
54 : #7c7322 : -70
64 : #767c22 : -60
74 : #677c22 : -50
84 : #587c22 : -40
94 : #497c22 : -30
104 : #3a7c22 : -20
114 : #2b7c22 : -10
124 : #227c28 : ±0
134 : #227c37 : +10
144 : #227c46 : +20
154 : #227c55 : +30
164 : #227c64 : +40
174 : #227c73 : +50
184 : #22767c : +60
194 : #22677c : +70
204 : #22587c : +80
214 : #22497c : +90
224 : #223a7c : +100
234 : #222b7c : +110
244 : #28227c : +120
254 : #37227c : +130
264 : #46227c : +140
274 : #55227c : +150
284 : #64227c : +160
294 : #73227c : +170
304 : #7c2276 : +180
314 : #7c2267 : +190
324 : #7c2258 : +200
334 : #7c2249 : +210
344 : #7c223a : +220
354 : #7c222b : +230
114 : #2b7c22 : -10
115 : #2a7c22 : -9
116 : #287c22 : -8
117 : #267c22 : -7
118 : #257c22 : -6
119 : #237c22 : -5
120 : #227c22 : -4
121 : #227c23 : -3
122 : #227c25 : -2
123 : #227c26 : -1
124 : #227c28 : ±0
125 : #227c2a : +1
126 : #227c2b : +2
127 : #227c2d : +3
128 : #227c2e : +4
129 : #227c30 : +5
130 : #227c31 : +6
131 : #227c33 : +7
132 : #227c34 : +8
133 : #227c36 : +9
134 : #227c37 : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4e504e : -56
3 : #4d514d : -54
5 : #4b534c : -52
7 : #4a554a : -50
9 : #485649 : -48
11 : #465848 : -46
13 : #455946 : -44
15 : #435b45 : -42
17 : #425c43 : -40
19 : #405e42 : -38
21 : #3e6041 : -36
23 : #3d613f : -34
25 : #3b633e : -32
27 : #3a643d : -30
29 : #38663b : -28
31 : #37683a : -26
33 : #356938 : -24
35 : #336b37 : -22
37 : #326c36 : -20
39 : #306e34 : -18
41 : #2f6f33 : -16
43 : #2d7132 : -14
45 : #2b7330 : -12
47 : #2a742f : -10
49 : #28762d : -8
51 : #27772c : -6
53 : #25792b : -4
55 : #247b29 : -2
57 : #227c28 : ±0
59 : #207e27 : +2
61 : #1f7f25 : +4
63 : #1d8124 : +6
65 : #1c8223 : +8
67 : #1a8421 : +10
69 : #198620 : +12
71 : #17871e : +14
73 : #15891d : +16
75 : #148a1c : +18
77 : #128c1a : +20
79 : #118d19 : +22
81 : #0f8f18 : +24
83 : #0d9116 : +26
85 : #0c9215 : +28
87 : #0a9413 : +30
89 : #099512 : +32
91 : #079711 : +34
93 : #06990f : +36
95 : #049a0e : +38
97 : #029c0d : +40
99 : #019d0b : +42
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #010401 : -30
3 : #030c04 : -28
5 : #051406 : -26
7 : #081c09 : -24
9 : #0a240c : -22
11 : #0c2c0e : -20
13 : #0e3411 : -18
15 : #103c13 : -16
17 : #134416 : -14
19 : #154c19 : -12
21 : #17541b : -10
23 : #195c1e : -8
25 : #1b6420 : -6
27 : #1e6c23 : -4
29 : #207425 : -2
31 : #227c28 : ±0
33 : #24842b : +2
35 : #268c2d : +4
37 : #299430 : +6
39 : #2b9c32 : +8
41 : #2da435 : +10
43 : #2fac37 : +12
45 : #31b43a : +14
47 : #34bc3d : +16
49 : #36c43f : +18
51 : #3bc944 : +20
53 : #43cb4c : +22
55 : #4bce54 : +24
57 : #53d05b : +26
59 : #5bd263 : +28
61 : #63d46a : +30
63 : #6bd672 : +32
65 : #73d97a : +34
67 : #7bdb81 : +36
69 : #83dd89 : +38
71 : #8bdf91 : +40
73 : #93e198 : +42
75 : #9be4a0 : +44
77 : #a3e6a7 : +46
79 : #abe8af : +48
81 : #b3eab7 : +50
83 : #bbecbe : +52
85 : #c3efc6 : +54
87 : #cbf1cd : +56
89 : #d3f3d5 : +58
91 : #dbf5dd : +60
93 : #e3f7e4 : +62
95 : #ebfaec : +64
97 : #f3fcf4 : +66
99 : #fbfefb : +68
CSS入門、作ってます。
text-shadow