#17787d
RGB
赤 | 23 |
---|---|
緑 | 120 |
青 | 125 |
HSL
色相 | 183° |
---|---|
彩度 | 69% |
明度 | 29% |
輝度 | 36% |
3桁の色
補色
反転色
RGB ( 赤 = 23, 緑 = 120, 青 = 125 )
HSL ( 色相 = 183°, 彩度 = 69%, 明度 = 29% )
H : 色相 ( 183° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #7d1c17 : -180
13 : #7d2d17 : -170
23 : #7d3e17 : -160
33 : #7d4f17 : -150
43 : #7d6017 : -140
53 : #7d7117 : -130
63 : #787d17 : -120
73 : #677d17 : -110
83 : #567d17 : -100
93 : #457d17 : -90
103 : #347d17 : -80
113 : #237d17 : -70
123 : #177d1c : -60
133 : #177d2d : -50
143 : #177d3e : -40
153 : #177d4f : -30
163 : #177d60 : -20
173 : #177d71 : -10
183 : #17787d : ±0
193 : #17677d : +10
203 : #17567d : +20
213 : #17457d : +30
223 : #17347d : +40
233 : #17237d : +50
243 : #1c177d : +60
253 : #2d177d : +70
263 : #3e177d : +80
273 : #4f177d : +90
283 : #60177d : +100
293 : #71177d : +110
303 : #7d1778 : +120
313 : #7d1767 : +130
323 : #7d1756 : +140
333 : #7d1745 : +150
343 : #7d1734 : +160
353 : #7d1723 : +170
173 : #177d71 : -10
174 : #177d73 : -9
175 : #177d74 : -8
176 : #177d76 : -7
177 : #177d78 : -6
178 : #177d7a : -5
179 : #177d7b : -4
180 : #177d7d : -3
181 : #177b7d : -2
182 : #177a7d : -1
183 : #17787d : ±0
184 : #17767d : +1
185 : #17747d : +2
186 : #17737d : +3
187 : #17717d : +4
188 : #176f7d : +5
189 : #176e7d : +6
190 : #176c7d : +7
191 : #176a7d : +8
192 : #17697d : +9
193 : #17677d : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #494b4b : -68
3 : #484c4c : -66
5 : #464d4e : -64
7 : #454f4f : -62
9 : #435051 : -60
11 : #425152 : -58
13 : #405354 : -56
15 : #3f5455 : -54
17 : #3d5557 : -52
19 : #3c5758 : -50
21 : #3a5859 : -48
23 : #39595b : -46
25 : #375b5c : -44
27 : #365c5e : -42
29 : #355d5f : -40
31 : #335f61 : -38
33 : #326062 : -36
35 : #306164 : -34
37 : #2f6365 : -32
39 : #2d6467 : -30
41 : #2c6568 : -28
43 : #2a676a : -26
45 : #29686b : -24
47 : #27696d : -22
49 : #266b6e : -20
51 : #246c70 : -18
53 : #236d71 : -16
55 : #216f73 : -14
57 : #207074 : -12
59 : #1e7176 : -10
61 : #1d7377 : -8
63 : #1b7479 : -6
65 : #1a757a : -4
67 : #18777b : -2
69 : #17787d : ±0
71 : #15797e : +2
73 : #147b80 : +4
75 : #127c81 : +6
77 : #117d83 : +8
79 : #107f84 : +10
81 : #0e8086 : +12
83 : #0d8187 : +14
85 : #0b8389 : +16
87 : #0a848a : +18
89 : #08858c : +20
91 : #07878d : +22
93 : #05888f : +24
95 : #048990 : +26
97 : #028b92 : +28
99 : #018c93 : +30
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #010404 : -28
3 : #020c0d : -26
5 : #041516 : -24
7 : #061d1e : -22
9 : #072527 : -20
11 : #092d2f : -18
13 : #0a3638 : -16
15 : #0c3e41 : -14
17 : #0d4649 : -12
19 : #0f4f52 : -10
21 : #11575a : -8
23 : #125f63 : -6
25 : #14676c : -4
27 : #157074 : -2
29 : #17787d : ±0
31 : #198086 : +2
33 : #1a888e : +4
35 : #1c9197 : +6
37 : #1d999f : +8
39 : #1fa1a8 : +10
41 : #20a9b1 : +12
43 : #22b2b9 : +14
45 : #24bac2 : +16
47 : #25c2cb : +18
49 : #27cbd3 : +20
51 : #2cd0d8 : +22
53 : #34d2da : +24
55 : #3dd4db : +26
57 : #46d5dd : +28
59 : #4ed7df : +30
61 : #57d9e0 : +32
63 : #60dbe2 : +34
65 : #68dde3 : +36
67 : #71dfe5 : +38
69 : #79e1e6 : +40
71 : #82e3e8 : +42
73 : #8be5ea : +44
75 : #93e7eb : +46
77 : #9ce9ed : +48
79 : #a5ebee : +50
81 : #adedf0 : +52
83 : #b6eff2 : +54
85 : #bef1f3 : +56
87 : #c7f2f5 : +58
89 : #d0f4f6 : +60
91 : #d8f6f8 : +62
93 : #e1f8f9 : +64
95 : #e9fafb : +66
97 : #f2fcfd : +68
99 : #fbfefe : +70
CSS入門、作ってます。
text-shadow