#40919c
RGB
赤 | 64 |
---|---|
緑 | 145 |
青 | 156 |
HSL
色相 | 187° |
---|---|
彩度 | 42% |
明度 | 43% |
輝度 | 48% |
3桁の色
補色
反転色
RGB ( 赤 = 64, 緑 = 145, 青 = 156 )
HSL ( 色相 = 187°, 彩度 = 42%, 明度 = 43% )
H : 色相 ( 187° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #9c4a40 : -180
17 : #9c5a40 : -170
27 : #9c6940 : -160
37 : #9c7840 : -150
47 : #9c8840 : -140
57 : #9c9740 : -130
67 : #919c40 : -120
77 : #829c40 : -110
87 : #729c40 : -100
97 : #639c40 : -90
107 : #549c40 : -80
117 : #449c40 : -70
127 : #409c4a : -60
137 : #409c5a : -50
147 : #409c69 : -40
157 : #409c78 : -30
167 : #409c88 : -20
177 : #409c97 : -10
187 : #40919c : ±0
197 : #40829c : +10
207 : #40729c : +20
217 : #40639c : +30
227 : #40549c : +40
237 : #40449c : +50
247 : #4a409c : +60
257 : #5a409c : +70
267 : #69409c : +80
277 : #78409c : +90
287 : #88409c : +100
297 : #97409c : +110
307 : #9c4091 : +120
317 : #9c4082 : +130
327 : #9c4072 : +140
337 : #9c4063 : +150
347 : #9c4054 : +160
357 : #9c4044 : +170
177 : #409c97 : -10
178 : #409c99 : -9
179 : #409c9a : -8
180 : #409c9c : -7
181 : #409a9c : -6
182 : #40999c : -5
183 : #40979c : -4
184 : #40969c : -3
185 : #40949c : -2
186 : #40929c : -1
187 : #40919c : ±0
188 : #408f9c : +1
189 : #408e9c : +2
190 : #408c9c : +3
191 : #408b9c : +4
192 : #40899c : +5
193 : #40889c : +6
194 : #40869c : +7
195 : #40859c : +8
196 : #40839c : +9
197 : #40829c : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -42
2 : #6b6f70 : -40
4 : #697172 : -38
6 : #677374 : -36
8 : #657476 : -34
10 : #637679 : -32
12 : #60787b : -30
14 : #5e797d : -28
16 : #5c7b7f : -26
18 : #5a7d81 : -24
20 : #587e84 : -22
22 : #568086 : -20
24 : #538288 : -18
26 : #51848a : -16
28 : #4f858c : -14
30 : #4d878f : -12
32 : #4b8991 : -10
34 : #488a93 : -8
36 : #468c95 : -6
38 : #448e97 : -4
40 : #428f9a : -2
42 : #40919c : ±0
44 : #3d939e : +2
46 : #3b94a0 : +4
48 : #3996a2 : +6
50 : #3798a4 : +8
52 : #3599a7 : +10
54 : #329ba9 : +12
56 : #309dab : +14
58 : #2e9ead : +16
60 : #2ca0af : +18
62 : #2aa2b2 : +20
64 : #27a3b4 : +22
66 : #25a5b6 : +24
68 : #23a7b8 : +26
70 : #21a8ba : +28
72 : #1faabd : +30
74 : #1dacbf : +32
76 : #1aaec1 : +34
78 : #18afc3 : +36
80 : #16b1c5 : +38
82 : #14b3c8 : +40
84 : #12b4ca : +42
86 : #0fb6cc : +44
88 : #0db8ce : +46
90 : #0bb9d0 : +48
92 : #09bbd3 : +50
94 : #07bdd5 : +52
96 : #04bed7 : +54
98 : #02c0d9 : +56
100 : #00c2db : +58
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #010304 : -42
3 : #040a0b : -40
5 : #071112 : -38
7 : #0a1819 : -36
9 : #0d1e21 : -34
11 : #102528 : -32
13 : #132c2f : -30
15 : #163336 : -28
17 : #19393e : -26
19 : #1c4045 : -24
21 : #1f474c : -22
23 : #224e53 : -20
25 : #25545b : -18
27 : #285b62 : -16
29 : #2b6269 : -14
31 : #2e6970 : -12
33 : #316f77 : -10
35 : #34767f : -8
37 : #377d86 : -6
39 : #3a838d : -4
41 : #3d8a94 : -2
43 : #40919c : ±0
45 : #4398a3 : +2
47 : #469eaa : +4
49 : #48a5b1 : +6
51 : #4eaab7 : +8
53 : #55aeb9 : +10
55 : #5cb1bc : +12
57 : #63b5bf : +14
59 : #6bb8c2 : +16
61 : #72bcc5 : +18
63 : #79bfc8 : +20
65 : #80c2cb : +22
67 : #88c6ce : +24
69 : #8fc9d1 : +26
71 : #96cdd4 : +28
73 : #9dd0d7 : +30
75 : #a4d4da : +32
77 : #acd7dd : +34
79 : #b3dbe0 : +36
81 : #badee3 : +38
83 : #c1e2e6 : +40
85 : #c9e5e9 : +42
87 : #d0e9ec : +44
89 : #d7ecef : +46
91 : #deeff2 : +48
93 : #e6f3f5 : +50
95 : #edf6f8 : +52
97 : #f4fafb : +54
99 : #fbfdfe : +56
CSS入門、作ってます。
text-shadow