#176f63
RGB
赤 | 23 |
---|---|
緑 | 111 |
青 | 99 |
HSL
色相 | 172° |
---|---|
彩度 | 66% |
明度 | 26% |
輝度 | 33% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 23, 緑 = 111, 青 = 99 )
HSL ( 色相 = 172°, 彩度 = 66%, 明度 = 26% )
H : 色相 ( 172° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #6e1917 : -170
12 : #6e2817 : -160
22 : #6e3717 : -150
32 : #6e4517 : -140
42 : #6e5417 : -130
52 : #6e6217 : -120
62 : #6b6e17 : -110
72 : #5d6e17 : -100
82 : #4e6e17 : -90
92 : #3f6e17 : -80
102 : #316e17 : -70
112 : #226e17 : -60
122 : #176e19 : -50
132 : #176e28 : -40
142 : #176e37 : -30
152 : #176e45 : -20
162 : #176e54 : -10
172 : #176e62 : ±0
182 : #176b6e : +10
192 : #175d6e : +20
202 : #174e6e : +30
212 : #173f6e : +40
222 : #17316e : +50
232 : #17226e : +60
242 : #19176e : +70
252 : #28176e : +80
262 : #37176e : +90
272 : #45176e : +100
282 : #54176e : +110
292 : #62176e : +120
302 : #6e176b : +130
312 : #6e175d : +140
322 : #6e174e : +150
332 : #6e173f : +160
342 : #6e1731 : +170
352 : #6e1722 : +180
162 : #176e54 : -10
163 : #176e55 : -9
164 : #176e57 : -8
165 : #176e58 : -7
166 : #176e5a : -6
167 : #176e5b : -5
168 : #176e5d : -4
169 : #176e5e : -3
170 : #176e5f : -2
171 : #176e61 : -1
172 : #176e62 : ±0
173 : #176e64 : +1
174 : #176e65 : +2
175 : #176e67 : +3
176 : #176e68 : +4
177 : #176e6a : +5
178 : #176e6b : +6
179 : #176e6d : +7
180 : #176e6e : +8
181 : #176d6e : +9
182 : #176b6e : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -66
2 : #414443 : -64
4 : #404544 : -62
6 : #3e4645 : -60
8 : #3d4846 : -58
10 : #3c4947 : -56
12 : #3a4a48 : -54
14 : #394c49 : -52
16 : #384d4a : -50
18 : #364e4b : -48
20 : #35504c : -46
22 : #34514d : -44
24 : #32524e : -42
26 : #31544f : -40
28 : #305550 : -38
30 : #2e5651 : -36
32 : #2d5852 : -34
34 : #2c5953 : -32
36 : #2a5a54 : -30
38 : #295b55 : -28
40 : #285d56 : -26
42 : #265e57 : -24
44 : #255f58 : -22
46 : #246159 : -20
48 : #22625a : -18
50 : #21635b : -16
52 : #20655c : -14
54 : #1e665d : -12
56 : #1d675e : -10
58 : #1c695e : -8
60 : #1b6a5f : -6
62 : #196b60 : -4
64 : #186d61 : -2
66 : #176e62 : ±0
68 : #156f63 : +2
70 : #147164 : +4
72 : #137265 : +6
74 : #117366 : +8
76 : #107567 : +10
78 : #0f7668 : +12
80 : #0d7769 : +14
82 : #0c796a : +16
84 : #0b7a6b : +18
86 : #097b6c : +20
88 : #087d6d : +22
90 : #077e6e : +24
92 : #057f6f : +26
94 : #048170 : +28
96 : #038271 : +30
98 : #018372 : +32
100 : #008573 : +34
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #020808 : -24
4 : #03110f : -22
6 : #051917 : -20
8 : #07221e : -18
10 : #092a26 : -16
12 : #0a332d : -14
14 : #0c3b35 : -12
16 : #0e443d : -10
18 : #104c44 : -8
20 : #11554c : -6
22 : #135d53 : -4
24 : #15665b : -2
26 : #176e62 : ±0
28 : #18776a : +2
30 : #1a7f72 : +4
32 : #1c8779 : +6
34 : #1d9081 : +8
36 : #1f9888 : +10
38 : #21a190 : +12
40 : #23a997 : +14
42 : #24b29f : +16
44 : #26baa7 : +18
46 : #28c3ae : +20
48 : #2acbb6 : +22
50 : #2bd4bd : +24
52 : #34d5c0 : +26
54 : #3cd7c2 : +28
56 : #45d9c5 : +30
58 : #4ddbc8 : +32
60 : #56dcca : +34
62 : #5edecd : +36
64 : #67e0d0 : +38
66 : #6fe2d2 : +40
68 : #78e3d5 : +42
70 : #80e5d8 : +44
72 : #88e7da : +46
74 : #91e8dd : +48
76 : #99eadf : +50
78 : #a2ece2 : +52
80 : #aaeee5 : +54
82 : #b3efe7 : +56
84 : #bbf1ea : +58
86 : #c4f3ed : +60
88 : #ccf5ef : +62
90 : #d5f6f2 : +64
92 : #ddf8f4 : +66
94 : #e6faf7 : +68
96 : #eefcfa : +70
98 : #f7fdfc : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow