#909fcb
RGB
| 赤 | 144 |
|---|---|
| 緑 | 159 |
| 青 | 203 |
HSL
| 色相 | 225° |
|---|---|
| 彩度 | 36% |
| 明度 | 68% |
| 輝度 | 63% |
３桁の色
補色
反転色
RGB ( 赤 = 144, 緑 = 159, 青 = 203 )
HSL ( 色相 = 225°, 彩度 = 36%, 明度 = 68% )
H : 色相 ( 225° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #cb9590 : -220
15 : #cb9f90 : -210
25 : #cba990 : -200
35 : #cbb290 : -190
45 : #cbbc90 : -180
55 : #cbc690 : -170
65 : #c6cb90 : -160
75 : #bccb90 : -150
85 : #b2cb90 : -140
95 : #a9cb90 : -130
105 : #9fcb90 : -120
115 : #95cb90 : -110
125 : #90cb95 : -100
135 : #90cb9f : -90
145 : #90cba9 : -80
155 : #90cbb2 : -70
165 : #90cbbc : -60
175 : #90cbc6 : -50
185 : #90c6cb : -40
195 : #90bccb : -30
205 : #90b2cb : -20
215 : #90a9cb : -10
225 : #909fcb : ±0
235 : #9095cb : +10
245 : #9590cb : +20
255 : #9f90cb : +30
265 : #a990cb : +40
275 : #b290cb : +50
285 : #bc90cb : +60
295 : #c690cb : +70
305 : #cb90c6 : +80
315 : #cb90bc : +90
325 : #cb90b2 : +100
335 : #cb90a9 : +110
345 : #cb909f : +120
355 : #cb9095 : +130
215 : #90a9cb : -10
216 : #90a8cb : -9
217 : #90a7cb : -8
218 : #90a6cb : -7
219 : #90a5cb : -6
220 : #90a4cb : -5
221 : #90a3cb : -4
222 : #90a2cb : -3
223 : #90a1cb : -2
224 : #90a0cb : -1
225 : #909fcb : ±0
226 : #909ecb : +1
227 : #909dcb : +2
228 : #909ccb : +3
229 : #909bcb : +4
230 : #909acb : +5
231 : #9099cb : +6
232 : #9098cb : +7
233 : #9097cb : +8
234 : #9096cb : +9
235 : #9095cb : +10
S : 彩度 ( 36% )
(0%) 渋い ～ 鮮やか (100%)
0 : #adadad : -36
2 : #acadaf : -34
4 : #aaacb1 : -32
6 : #a9abb2 : -30
8 : #a7aab4 : -28
10 : #a5a9b6 : -26
12 : #a4a9b7 : -24
14 : #a2a8b9 : -22
16 : #a0a7ba : -20
18 : #9fa6bc : -18
20 : #9da5be : -16
22 : #9ba4bf : -14
24 : #9aa4c1 : -12
26 : #98a3c3 : -10
28 : #97a2c4 : -8
30 : #95a1c6 : -6
32 : #93a0c8 : -4
34 : #92a0c9 : -2
36 : #909fcb : ±0
38 : #8e9ecc : +2
40 : #8d9dce : +4
42 : #8b9cd0 : +6
44 : #899bd1 : +8
46 : #889bd3 : +10
48 : #869ad5 : +12
50 : #8599d6 : +14
52 : #8398d8 : +16
54 : #8197d9 : +18
56 : #8097db : +20
58 : #7e96dd : +22
60 : #7c95de : +24
62 : #7b94e0 : +26
64 : #7993e2 : +28
66 : #7892e3 : +30
68 : #7692e5 : +32
70 : #7491e7 : +34
72 : #7390e8 : +36
74 : #718fea : +38
76 : #6f8eeb : +40
78 : #6e8eed : +42
80 : #6c8def : +44
82 : #6a8cf0 : +46
84 : #698bf2 : +48
86 : #678af4 : +50
88 : #6689f5 : +52
90 : #6489f7 : +54
92 : #6288f8 : +56
94 : #6187fa : +58
96 : #5f86fc : +60
98 : #5d85fd : +62
100 : #5c85ff : +64
L : 明度 ( 68% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -68
2 : #030407 : -66
4 : #07080e : -64
6 : #0a0d15 : -62
8 : #0d111c : -60
10 : #101523 : -58
12 : #14192a : -56
14 : #171d31 : -54
16 : #1a2137 : -52
18 : #1d263e : -50
20 : #212a45 : -48
22 : #242e4c : -46
24 : #273253 : -44
26 : #2a365a : -42
28 : #2e3b61 : -40
30 : #313f68 : -38
32 : #34436f : -36
34 : #374776 : -34
36 : #3b4b7d : -32
38 : #3e4f84 : -30
40 : #41548b : -28
42 : #455892 : -26
44 : #485c99 : -24
46 : #4b60a0 : -22
48 : #4e64a6 : -20
50 : #5269ad : -18
52 : #596fb1 : -16
54 : #5f75b4 : -14
56 : #667bb7 : -12
58 : #6d81ba : -10
60 : #7487be : -8
62 : #7b8dc1 : -6
64 : #8293c4 : -4
66 : #8999c8 : -2
68 : #909fcb : ±0
70 : #97a5ce : +2
72 : #9eabd1 : +4
74 : #a5b1d5 : +6
76 : #acb7d8 : +8
78 : #b3bddb : +10
80 : #bac3de : +12
82 : #c1c9e2 : +14
84 : #c8cfe5 : +16
86 : #ced5e8 : +18
88 : #d5dbeb : +20
90 : #dce1ef : +22
92 : #e3e7f2 : +24
94 : #eaedf5 : +26
96 : #f1f3f8 : +28
98 : #f8f9fc : +30
100 : #ffffff : +32
CSS入門、作ってます。
text-shadow