#407796
RGB
赤 | 64 |
---|---|
緑 | 119 |
青 | 150 |
HSL
色相 | 202° |
---|---|
彩度 | 40% |
明度 | 42% |
輝度 | 42% |
3桁の色
補色
反転色
RGB ( 赤 = 64, 緑 = 119, 青 = 150 )
HSL ( 色相 = 202°, 彩度 = 40%, 明度 = 42% )
H : 色相 ( 202° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #964340 : -200
12 : #965140 : -190
22 : #966040 : -180
32 : #966e40 : -170
42 : #967c40 : -160
52 : #968b40 : -150
62 : #939640 : -140
72 : #859640 : -130
82 : #779640 : -120
92 : #689640 : -110
102 : #5a9640 : -100
112 : #4c9640 : -90
122 : #409643 : -80
132 : #409651 : -70
142 : #409660 : -60
152 : #40966e : -50
162 : #40967c : -40
172 : #40968b : -30
182 : #409396 : -20
192 : #408596 : -10
202 : #407796 : ±0
212 : #406896 : +10
222 : #405a96 : +20
232 : #404c96 : +30
242 : #434096 : +40
252 : #514096 : +50
262 : #604096 : +60
272 : #6e4096 : +70
282 : #7c4096 : +80
292 : #8b4096 : +90
302 : #964093 : +100
312 : #964085 : +110
322 : #964077 : +120
332 : #964068 : +130
342 : #96405a : +140
352 : #96404c : +150
192 : #408596 : -10
193 : #408396 : -9
194 : #408296 : -8
195 : #408196 : -7
196 : #407f96 : -6
197 : #407e96 : -5
198 : #407c96 : -4
199 : #407b96 : -3
200 : #407996 : -2
201 : #407896 : -1
202 : #407796 : ±0
203 : #407596 : +1
204 : #407496 : +2
205 : #407296 : +3
206 : #407196 : +4
207 : #406f96 : +5
208 : #406e96 : +6
209 : #406d96 : +7
210 : #406b96 : +8
211 : #406a96 : +9
212 : #406896 : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -40
2 : #696c6d : -38
4 : #676c6f : -36
6 : #656d72 : -34
8 : #636d74 : -32
10 : #606e76 : -30
12 : #5e6f78 : -28
14 : #5c6f7a : -26
16 : #5a707c : -24
18 : #58707e : -22
20 : #567181 : -20
22 : #547183 : -18
24 : #517285 : -16
26 : #4f7387 : -14
28 : #4d7389 : -12
30 : #4b748b : -10
32 : #49748d : -8
34 : #477590 : -6
36 : #457592 : -4
38 : #427694 : -2
40 : #407796 : ±0
42 : #3e7798 : +2
44 : #3c789a : +4
46 : #3a789c : +6
48 : #38799f : +8
50 : #3679a1 : +10
52 : #337aa3 : +12
54 : #317ba5 : +14
56 : #2f7ba7 : +16
58 : #2d7ca9 : +18
60 : #2b7cab : +20
62 : #297dae : +22
64 : #277db0 : +24
66 : #247eb2 : +26
68 : #227fb4 : +28
70 : #207fb6 : +30
72 : #1e80b8 : +32
74 : #1c80ba : +34
76 : #1a81bc : +36
78 : #1881bf : +38
80 : #1582c1 : +40
82 : #1383c3 : +42
84 : #1183c5 : +44
86 : #0f84c7 : +46
88 : #0d84c9 : +48
90 : #0b85cb : +50
92 : #0985ce : +52
94 : #0686d0 : +54
96 : #0487d2 : +56
98 : #0287d4 : +58
100 : #0088d6 : +60
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #030607 : -40
4 : #060b0e : -38
6 : #091115 : -36
8 : #0c171d : -34
10 : #0f1c24 : -32
12 : #12222b : -30
14 : #152832 : -28
16 : #182d39 : -26
18 : #1c3340 : -24
20 : #1f3847 : -22
22 : #223e4f : -20
24 : #254456 : -18
26 : #28495d : -16
28 : #2b4f64 : -14
30 : #2e556b : -12
32 : #315a72 : -10
34 : #346079 : -8
36 : #376681 : -6
38 : #3a6b88 : -4
40 : #3d718f : -2
42 : #407796 : ±0
44 : #437c9d : +2
46 : #4682a4 : +4
48 : #4987ab : +6
50 : #4d8db3 : +8
52 : #5492b6 : +10
54 : #5b96b9 : +12
56 : #629bbc : +14
58 : #699fbf : +16
60 : #70a4c2 : +18
62 : #77a8c5 : +20
64 : #7eadc8 : +22
66 : #86b2cb : +24
68 : #8db6ce : +26
70 : #94bbd1 : +28
72 : #9bbfd4 : +30
74 : #a2c4d7 : +32
76 : #a9c8da : +34
78 : #b0cddd : +36
80 : #b8d1e0 : +38
82 : #bfd6e3 : +40
84 : #c6dbe7 : +42
86 : #cddfea : +44
88 : #d4e4ed : +46
90 : #dbe8f0 : +48
92 : #e2edf3 : +50
94 : #eaf1f6 : +52
96 : #f1f6f9 : +54
98 : #f8fafc : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow