#41667c
RGB
赤 | 65 |
---|---|
緑 | 102 |
青 | 124 |
HSL
色相 | 202° |
---|---|
彩度 | 31% |
明度 | 37% |
輝度 | 37% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 65, 緑 = 102, 青 = 124 )
HSL ( 色相 = 202°, 彩度 = 31%, 明度 = 37% )
H : 色相 ( 202° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #7c4341 : -200
12 : #7c4d41 : -190
22 : #7c5741 : -180
32 : #7c6041 : -170
42 : #7c6a41 : -160
52 : #7c7441 : -150
62 : #7a7c41 : -140
72 : #707c41 : -130
82 : #667c41 : -120
92 : #5c7c41 : -110
102 : #537c41 : -100
112 : #497c41 : -90
122 : #417c43 : -80
132 : #417c4d : -70
142 : #417c57 : -60
152 : #417c60 : -50
162 : #417c6a : -40
172 : #417c74 : -30
182 : #417a7c : -20
192 : #41707c : -10
202 : #41667c : ±0
212 : #415c7c : +10
222 : #41537c : +20
232 : #41497c : +30
242 : #43417c : +40
252 : #4d417c : +50
262 : #57417c : +60
272 : #60417c : +70
282 : #6a417c : +80
292 : #74417c : +90
302 : #7c417a : +100
312 : #7c4170 : +110
322 : #7c4166 : +120
332 : #7c415c : +130
342 : #7c4153 : +140
352 : #7c4149 : +150
192 : #41707c : -10
193 : #416f7c : -9
194 : #416e7c : -8
195 : #416d7c : -7
196 : #416c7c : -6
197 : #416b7c : -5
198 : #416a7c : -4
199 : #41697c : -3
200 : #41687c : -2
201 : #41677c : -1
202 : #41667c : ±0
203 : #41657c : +1
204 : #41647c : +2
205 : #41637c : +3
206 : #41627c : +4
207 : #41617c : +5
208 : #41607c : +6
209 : #415f7c : +7
210 : #415e7c : +8
211 : #415d7c : +9
212 : #415c7c : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5d5f5f : -30
3 : #5c5f61 : -28
5 : #5a6063 : -26
7 : #586065 : -24
9 : #566167 : -22
11 : #546169 : -20
13 : #52626b : -18
15 : #50626d : -16
17 : #4e636e : -14
19 : #4c6370 : -12
21 : #4b6472 : -10
23 : #496474 : -8
25 : #476576 : -6
27 : #456578 : -4
29 : #43667a : -2
31 : #41667c : ±0
33 : #3f677d : +2
35 : #3d677f : +4
37 : #3b6881 : +6
39 : #3a6883 : +8
41 : #386985 : +10
43 : #366987 : +12
45 : #346a89 : +14
47 : #326a8b : +16
49 : #306b8d : +18
51 : #2e6b8e : +20
53 : #2c6c90 : +22
55 : #2a6c92 : +24
57 : #296d94 : +26
59 : #276d96 : +28
61 : #256e98 : +30
63 : #236e9a : +32
65 : #216f9c : +34
67 : #1f6f9e : +36
69 : #1d709f : +38
71 : #1b70a1 : +40
73 : #1971a3 : +42
75 : #1871a5 : +44
77 : #1672a7 : +46
79 : #1472a9 : +48
81 : #1273ab : +50
83 : #1073ad : +52
85 : #0e74af : +54
87 : #0c74b0 : +56
89 : #0a75b2 : +58
91 : #0875b4 : +60
93 : #0776b6 : +62
95 : #0576b8 : +64
97 : #0377ba : +66
99 : #0177bc : +68
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -36
3 : #05080a : -34
5 : #090e11 : -32
7 : #0c1317 : -30
9 : #10191e : -28
11 : #131e25 : -26
13 : #17242b : -24
15 : #1a2932 : -22
17 : #1e2f39 : -20
19 : #21343f : -18
21 : #253a46 : -16
23 : #283f4d : -14
25 : #2c4554 : -12
27 : #304b5a : -10
29 : #335061 : -8
31 : #375668 : -6
33 : #3a5b6e : -4
35 : #3e6175 : -2
37 : #41667c : ±0
39 : #456c82 : +2
41 : #487189 : +4
43 : #4c7790 : +6
45 : #4f7c96 : +8
47 : #53829d : +10
49 : #5687a4 : +12
51 : #5b8ca9 : +14
53 : #6291ac : +16
55 : #6996b0 : +18
57 : #6f9ab3 : +20
59 : #769fb7 : +22
61 : #7da4ba : +24
63 : #83a8be : +26
65 : #8aadc1 : +28
67 : #91b2c5 : +30
69 : #97b6c8 : +32
71 : #9ebbcc : +34
73 : #a5c0cf : +36
75 : #abc5d3 : +38
77 : #b2c9d7 : +40
79 : #b9ceda : +42
81 : #c0d3de : +44
83 : #c6d7e1 : +46
85 : #cddce5 : +48
87 : #d4e1e8 : +50
89 : #dae5ec : +52
91 : #e1eaef : +54
93 : #e8eff3 : +56
95 : #eef3f6 : +58
97 : #f5f8fa : +60
99 : #fcfdfd : +62
CSS入門、作ってます。
text-shadow