#29706c
RGB
赤 | 41 |
---|---|
緑 | 112 |
青 | 108 |
HSL
色相 | 177° |
---|---|
彩度 | 46% |
明度 | 30% |
輝度 | 35% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 41, 緑 = 112, 青 = 108 )
HSL ( 色相 = 177°, 彩度 = 46%, 明度 = 30% )
H : 色相 ( 177° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #703229 : -170
17 : #703d29 : -160
27 : #704929 : -150
37 : #705529 : -140
47 : #706029 : -130
57 : #706c29 : -120
67 : #677029 : -110
77 : #5c7029 : -100
87 : #507029 : -90
97 : #447029 : -80
107 : #397029 : -70
117 : #2d7029 : -60
127 : #297032 : -50
137 : #29703d : -40
147 : #297049 : -30
157 : #297055 : -20
167 : #297060 : -10
177 : #29706c : ±0
187 : #296770 : +10
197 : #295c70 : +20
207 : #295070 : +30
217 : #294470 : +40
227 : #293970 : +50
237 : #292d70 : +60
247 : #322970 : +70
257 : #3d2970 : +80
267 : #492970 : +90
277 : #552970 : +100
287 : #602970 : +110
297 : #6c2970 : +120
307 : #702967 : +130
317 : #70295c : +140
327 : #702950 : +150
337 : #702944 : +160
347 : #702939 : +170
357 : #70292d : +180
167 : #297060 : -10
168 : #297062 : -9
169 : #297063 : -8
170 : #297064 : -7
171 : #297065 : -6
172 : #297066 : -5
173 : #297067 : -4
174 : #297069 : -3
175 : #29706a : -2
176 : #29706b : -1
177 : #29706c : ±0
178 : #29706d : +1
179 : #29706f : +2
180 : #297070 : +3
181 : #296f70 : +4
182 : #296d70 : +5
183 : #296c70 : +6
184 : #296b70 : +7
185 : #296a70 : +8
186 : #296970 : +9
187 : #296770 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -46
2 : #4b4e4e : -44
4 : #49504f : -42
6 : #485151 : -40
8 : #465352 : -38
10 : #455453 : -36
12 : #435655 : -34
14 : #425756 : -32
16 : #405958 : -30
18 : #3f5a59 : -28
20 : #3d5c5a : -26
22 : #3c5d5c : -24
24 : #3a5f5d : -22
26 : #39605e : -20
28 : #376260 : -18
30 : #366361 : -16
32 : #346563 : -14
34 : #326764 : -12
36 : #316865 : -10
38 : #2f6a67 : -8
40 : #2e6b68 : -6
42 : #2c6d69 : -4
44 : #2b6e6b : -2
46 : #29706c : ±0
48 : #28716e : +2
50 : #26736f : +4
52 : #257470 : +6
54 : #237672 : +8
56 : #227773 : +10
58 : #207974 : +12
60 : #1f7a76 : +14
62 : #1d7c77 : +16
64 : #1c7d79 : +18
66 : #1a7f7a : +20
68 : #18817b : +22
70 : #17827d : +24
72 : #15847e : +26
74 : #14857f : +28
76 : #128781 : +30
78 : #118882 : +32
80 : #0f8a84 : +34
82 : #0e8b85 : +36
84 : #0c8d86 : +38
86 : #0b8e88 : +40
88 : #099089 : +42
90 : #08918a : +44
92 : #06938c : +46
94 : #05948d : +48
96 : #03968f : +50
98 : #029790 : +52
100 : #009991 : +54
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #030707 : -28
4 : #060f0e : -26
6 : #081616 : -24
8 : #0b1e1d : -22
10 : #0e2524 : -20
12 : #112d2b : -18
14 : #133432 : -16
16 : #163c3a : -14
18 : #194341 : -12
20 : #1c4a48 : -10
22 : #1e524f : -8
24 : #215957 : -6
26 : #24615e : -4
28 : #276865 : -2
30 : #29706c : ±0
32 : #2c7773 : +2
34 : #2f7f7b : +4
36 : #328682 : +6
38 : #348d89 : +8
40 : #379590 : +10
42 : #3a9c97 : +12
44 : #3da49f : +14
46 : #3faba6 : +16
48 : #42b3ad : +18
50 : #45bab4 : +20
52 : #4cbdb7 : +22
54 : #54c0ba : +24
56 : #5bc2bd : +26
58 : #63c5c0 : +28
60 : #6ac8c3 : +30
62 : #72cbc6 : +32
64 : #79cdc9 : +34
66 : #80d0cc : +36
68 : #88d3cf : +38
70 : #8fd6d2 : +40
72 : #97d8d5 : +42
74 : #9edbd8 : +44
76 : #a6dedb : +46
78 : #ade1de : +48
80 : #b5e3e1 : +50
82 : #bce6e4 : +52
84 : #c3e9e7 : +54
86 : #cbecea : +56
88 : #d2eeed : +58
90 : #daf1f0 : +60
92 : #e1f4f3 : +62
94 : #e9f7f6 : +64
96 : #f0f9f9 : +66
98 : #f8fcfc : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow