#247f70
RGB
赤 | 36 |
---|---|
緑 | 127 |
青 | 112 |
HSL
色相 | 170° |
---|---|
彩度 | 56% |
明度 | 32% |
輝度 | 38% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 36, 緑 = 127, 青 = 112 )
HSL ( 色相 = 170°, 彩度 = 56%, 明度 = 32% )
H : 色相 ( 170° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #7f2424 : -170
10 : #7f3324 : -160
20 : #7f4224 : -150
30 : #7f5224 : -140
40 : #7f6124 : -130
50 : #7f7024 : -120
60 : #7f7f24 : -110
70 : #707f24 : -100
80 : #617f24 : -90
90 : #527f24 : -80
100 : #427f24 : -70
110 : #337f24 : -60
120 : #247f24 : -50
130 : #247f33 : -40
140 : #247f42 : -30
150 : #247f52 : -20
160 : #247f61 : -10
170 : #247f70 : ±0
180 : #247f7f : +10
190 : #24707f : +20
200 : #24617f : +30
210 : #24527f : +40
220 : #24427f : +50
230 : #24337f : +60
240 : #24247f : +70
250 : #33247f : +80
260 : #42247f : +90
270 : #52247f : +100
280 : #61247f : +110
290 : #70247f : +120
300 : #7f247f : +130
310 : #7f2470 : +140
320 : #7f2461 : +150
330 : #7f2452 : +160
340 : #7f2442 : +170
350 : #7f2433 : +180
160 : #247f61 : -10
161 : #247f62 : -9
162 : #247f64 : -8
163 : #247f65 : -7
164 : #247f67 : -6
165 : #247f68 : -5
166 : #247f6a : -4
167 : #247f6b : -3
168 : #247f6d : -2
169 : #247f6f : -1
170 : #247f70 : ±0
171 : #247f72 : +1
172 : #247f73 : +2
173 : #247f75 : +3
174 : #247f76 : +4
175 : #247f78 : +5
176 : #247f79 : +6
177 : #247f7b : +7
178 : #247f7c : +8
179 : #247f7e : +9
180 : #247f7f : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -56
2 : #505353 : -54
4 : #4e5554 : -52
6 : #4d5655 : -50
8 : #4b5856 : -48
10 : #495a57 : -46
12 : #485b58 : -44
14 : #465d59 : -42
16 : #455f5a : -40
18 : #43605b : -38
20 : #41625c : -36
22 : #40645e : -34
24 : #3e655f : -32
26 : #3c6760 : -30
28 : #3b6861 : -28
30 : #396a62 : -26
32 : #376c63 : -24
34 : #366d64 : -22
36 : #346f65 : -20
38 : #337166 : -18
40 : #317267 : -16
42 : #2f7468 : -14
44 : #2e766a : -12
46 : #2c776b : -10
48 : #2a796c : -8
50 : #297a6d : -6
52 : #277c6e : -4
54 : #267e6f : -2
56 : #247f70 : ±0
58 : #228171 : +2
60 : #218372 : +4
62 : #1f8473 : +6
64 : #1d8674 : +8
66 : #1c8776 : +10
68 : #1a8977 : +12
70 : #188b78 : +14
72 : #178c79 : +16
74 : #158e7a : +18
76 : #14907b : +20
78 : #12917c : +22
80 : #10937d : +24
82 : #0f957e : +26
84 : #0d967f : +28
86 : #0b9880 : +30
88 : #0a9981 : +32
90 : #089b83 : +34
92 : #079d84 : +36
94 : #059e85 : +38
96 : #03a086 : +40
98 : #02a287 : +42
100 : #00a388 : +44
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #020807 : -30
4 : #04100e : -28
6 : #071815 : -26
8 : #09201c : -24
10 : #0b2823 : -22
12 : #0d302a : -20
14 : #103831 : -18
16 : #124038 : -16
18 : #14483f : -14
20 : #165046 : -12
22 : #19584d : -10
24 : #1b5f54 : -8
26 : #1d675b : -6
28 : #1f6f62 : -4
30 : #227769 : -2
32 : #247f70 : ±0
34 : #268777 : +2
36 : #288f7e : +4
38 : #2b9785 : +6
40 : #2d9f8c : +8
42 : #2fa793 : +10
44 : #31af9a : +12
46 : #34b7a1 : +14
48 : #36bfa8 : +16
50 : #38c7af : +18
52 : #40c9b2 : +20
54 : #48cbb5 : +22
56 : #50ceb9 : +24
58 : #58d0bc : +26
60 : #60d2bf : +28
62 : #68d4c2 : +30
64 : #70d7c5 : +32
66 : #78d9c9 : +34
68 : #80dbcc : +36
70 : #88ddcf : +38
72 : #90e0d2 : +40
74 : #98e2d5 : +42
76 : #a0e4d9 : +44
78 : #a7e6dc : +46
80 : #afe9df : +48
82 : #b7ebe2 : +50
84 : #bfede5 : +52
86 : #c7efe9 : +54
88 : #cff2ec : +56
90 : #d7f4ef : +58
92 : #dff6f2 : +60
94 : #e7f8f5 : +62
96 : #effbf9 : +64
98 : #f7fdfc : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow