#026f3c
RGB
| 赤 | 2 |
|---|---|
| 緑 | 111 |
| 青 | 60 |
HSL
| 色相 | 152° |
|---|---|
| 彩度 | 96% |
| 明度 | 22% |
| 輝度 | 28% |
３桁の色
補色
反転色
RGB ( 赤 = 2, 緑 = 111, 青 = 60 )
HSL ( 色相 = 152°, 彩度 = 96%, 明度 = 22% )
H : 色相 ( 152° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #6e0602 : -150
12 : #6e1802 : -140
22 : #6e2a02 : -130
32 : #6e3c02 : -120
42 : #6e4e02 : -110
52 : #6e6002 : -100
62 : #6a6e02 : -90
72 : #586e02 : -80
82 : #466e02 : -70
92 : #356e02 : -60
102 : #236e02 : -50
112 : #116e02 : -40
122 : #026e06 : -30
132 : #026e18 : -20
142 : #026e2a : -10
152 : #026e3c : ±0
162 : #026e4e : +10
172 : #026e60 : +20
182 : #026a6e : +30
192 : #02586e : +40
202 : #02466e : +50
212 : #02356e : +60
222 : #02236e : +70
232 : #02116e : +80
242 : #06026e : +90
252 : #18026e : +100
262 : #2a026e : +110
272 : #3c026e : +120
282 : #4e026e : +130
292 : #60026e : +140
302 : #6e026a : +150
312 : #6e0258 : +160
322 : #6e0246 : +170
332 : #6e0235 : +180
342 : #6e0223 : +190
352 : #6e0211 : +200
142 : #026e2a : -10
143 : #026e2c : -9
144 : #026e2d : -8
145 : #026e2f : -7
146 : #026e31 : -6
147 : #026e33 : -5
148 : #026e35 : -4
149 : #026e36 : -3
150 : #026e38 : -2
151 : #026e3a : -1
152 : #026e3c : ±0
153 : #026e3d : +1
154 : #026e3f : +2
155 : #026e41 : +3
156 : #026e43 : +4
157 : #026e45 : +5
158 : #026e46 : +6
159 : #026e48 : +7
160 : #026e4a : +8
161 : #026e4c : +9
162 : #026e4e : +10
S : 彩度 ( 96% )
(0%) 渋い ～ 鮮やか (100%)
0 : #383838 : -96
2 : #373938 : -94
4 : #363a38 : -92
6 : #353b38 : -90
8 : #343d38 : -88
10 : #323e38 : -86
12 : #313f39 : -84
14 : #304039 : -82
16 : #2f4139 : -80
18 : #2e4239 : -78
20 : #2d4339 : -76
22 : #2c4439 : -74
24 : #2b4639 : -72
26 : #2a4739 : -70
28 : #284839 : -68
30 : #274939 : -66
32 : #264a39 : -64
34 : #254b39 : -62
36 : #244c39 : -60
38 : #234d3a : -58
40 : #224f3a : -56
42 : #21503a : -54
44 : #1f513a : -52
46 : #1e523a : -50
48 : #1d533a : -48
50 : #1c543a : -46
52 : #1b553a : -44
54 : #1a563a : -42
56 : #19583a : -40
58 : #18593a : -38
60 : #165a3a : -36
62 : #155b3a : -34
64 : #145c3a : -32
66 : #135d3b : -30
68 : #125e3b : -28
70 : #115f3b : -26
72 : #10603b : -24
74 : #0f623b : -22
76 : #0d633b : -20
78 : #0c643b : -18
80 : #0b653b : -16
82 : #0a663b : -14
84 : #09673b : -12
86 : #08683b : -10
88 : #07693b : -8
90 : #066b3b : -6
92 : #046c3c : -4
94 : #036d3c : -2
96 : #026e3c : ±0
98 : #016f3c : +2
100 : #00703c : +4
L : 明度 ( 22% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -22
2 : #000a05 : -20
4 : #00140b : -18
6 : #011e10 : -16
8 : #012816 : -14
10 : #01321b : -12
12 : #013c21 : -10
14 : #014626 : -8
16 : #02502b : -6
18 : #025a31 : -4
20 : #026436 : -2
22 : #026e3c : ±0
24 : #027841 : +2
26 : #038247 : +4
28 : #038c4c : +6
30 : #039651 : +8
32 : #03a057 : +10
34 : #03aa5c : +12
36 : #04b462 : +14
38 : #04be67 : +16
40 : #04c86d : +18
42 : #04d272 : +20
44 : #04dc77 : +22
46 : #05e67d : +24
48 : #05f082 : +26
50 : #05fa88 : +28
52 : #0ffa8c : +30
54 : #19fa91 : +32
56 : #23fb96 : +34
58 : #2dfb9b : +36
60 : #37fba0 : +38
62 : #41fba4 : +40
64 : #4bfba9 : +42
66 : #55fcae : +44
68 : #5ffcb3 : +46
70 : #69fcb7 : +48
72 : #73fcbc : +50
74 : #7dfcc1 : +52
76 : #87fdc6 : +54
78 : #91fdca : +56
80 : #9bfdcf : +58
82 : #a5fdd4 : +60
84 : #affdd9 : +62
86 : #b9fede : +64
88 : #c3fee2 : +66
90 : #cdfee7 : +68
92 : #d7feec : +70
94 : #e1fef1 : +72
96 : #ebfff5 : +74
98 : #f5fffa : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow