#3f74cf
RGB
| 赤 | 63 |
|---|---|
| 緑 | 116 |
| 青 | 207 |
HSL
| 色相 | 218° |
|---|---|
| 彩度 | 60% |
| 明度 | 53% |
| 輝度 | 43% |
３桁の色
補色
反転色
RGB ( 赤 = 63, 緑 = 116, 青 = 207 )
HSL ( 色相 = 218°, 彩度 = 60%, 明度 = 53% )
H : 色相 ( 218° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #cf523f : -210
18 : #cf6a3f : -200
28 : #cf823f : -190
38 : #cf9a3f : -180
48 : #cfb23f : -170
58 : #cfca3f : -160
68 : #bccf3f : -150
78 : #a4cf3f : -140
88 : #8ccf3f : -130
98 : #74cf3f : -120
108 : #5ccf3f : -110
118 : #44cf3f : -100
128 : #3fcf52 : -90
138 : #3fcf6a : -80
148 : #3fcf82 : -70
158 : #3fcf9a : -60
168 : #3fcfb2 : -50
178 : #3fcfca : -40
188 : #3fbccf : -30
198 : #3fa4cf : -20
208 : #3f8ccf : -10
218 : #3f74cf : ±0
228 : #3f5ccf : +10
238 : #3f44cf : +20
248 : #523fcf : +30
258 : #6a3fcf : +40
268 : #823fcf : +50
278 : #9a3fcf : +60
288 : #b23fcf : +70
298 : #ca3fcf : +80
308 : #cf3fbc : +90
318 : #cf3fa4 : +100
328 : #cf3f8c : +110
338 : #cf3f74 : +120
348 : #cf3f5c : +130
358 : #cf3f44 : +140
208 : #3f8ccf : -10
209 : #3f8acf : -9
210 : #3f87cf : -8
211 : #3f85cf : -7
212 : #3f82cf : -6
213 : #3f80cf : -5
214 : #3f7ecf : -4
215 : #3f7bcf : -3
216 : #3f79cf : -2
217 : #3f76cf : -1
218 : #3f74cf : ±0
219 : #3f72cf : +1
220 : #3f6fcf : +2
221 : #3f6dcf : +3
222 : #3f6acf : +4
223 : #3f68cf : +5
224 : #3f66cf : +6
225 : #3f63cf : +7
226 : #3f61cf : +8
227 : #3f5ecf : +9
228 : #3f5ccf : +10
S : 彩度 ( 60% )
(0%) 渋い ～ 鮮やか (100%)
0 : #878787 : -60
2 : #85878a : -58
4 : #82868c : -56
6 : #80858e : -54
8 : #7e8591 : -52
10 : #7b8493 : -50
12 : #798396 : -48
14 : #768398 : -46
16 : #74829a : -44
18 : #72819d : -42
20 : #6f819f : -40
22 : #6d80a2 : -38
24 : #6a7fa4 : -36
26 : #687fa6 : -34
28 : #667ea9 : -32
30 : #637eab : -30
32 : #617dae : -28
34 : #5e7cb0 : -26
36 : #5c7cb2 : -24
38 : #5a7bb5 : -22
40 : #577ab7 : -20
42 : #557ab9 : -18
44 : #5279bc : -16
46 : #5078be : -14
48 : #4e78c1 : -12
50 : #4b77c3 : -10
52 : #4977c5 : -8
54 : #4676c8 : -6
56 : #4475ca : -4
58 : #4275cd : -2
60 : #3f74cf : ±0
62 : #3d73d1 : +2
64 : #3a73d4 : +4
66 : #3872d6 : +6
68 : #3671d9 : +8
70 : #3371db : +10
72 : #3170dd : +12
74 : #2e6fe0 : +14
76 : #2c6fe2 : +16
78 : #2a6ee5 : +18
80 : #276ee7 : +20
82 : #256de9 : +22
84 : #226cec : +24
86 : #206cee : +26
88 : #1e6bf1 : +28
90 : #1b6af3 : +30
92 : #196af5 : +32
94 : #1669f8 : +34
96 : #1468fa : +36
98 : #1268fd : +38
100 : #0f67ff : +40
L : 明度 ( 53% )
(0%) 暗い ～ 明るい (100%)
1 : #010204 : -52
3 : #03060c : -50
5 : #050b14 : -48
7 : #070f1d : -46
9 : #091325 : -44
11 : #0b182d : -42
13 : #0d1c35 : -40
15 : #0f203d : -38
17 : #112445 : -36
19 : #13294e : -34
21 : #152d56 : -32
23 : #17315e : -30
25 : #1a3666 : -28
27 : #1c3a6e : -26
29 : #1e3e76 : -24
31 : #20427e : -22
33 : #224787 : -20
35 : #244b8f : -18
37 : #264f97 : -16
39 : #28549f : -14
41 : #2a58a7 : -12
43 : #2c5caf : -10
45 : #2e60b8 : -8
47 : #3065c0 : -6
49 : #3269c8 : -4
51 : #376ecd : -2
53 : #3f74cf : ±0
55 : #477ad1 : +2
57 : #5080d3 : +4
59 : #5886d5 : +6
61 : #608cd7 : +8
63 : #6892d9 : +10
65 : #7097db : +12
67 : #789ddd : +14
69 : #81a3df : +16
71 : #89a9e1 : +18
73 : #91afe3 : +20
75 : #99b5e6 : +22
77 : #a1bbe8 : +24
79 : #a9c1ea : +26
81 : #b1c7ec : +28
83 : #bacdee : +30
85 : #c2d3f0 : +32
87 : #cad9f2 : +34
89 : #d2def4 : +36
91 : #dae4f6 : +38
93 : #e2eaf8 : +40
95 : #ebf0fa : +42
97 : #f3f6fc : +44
99 : #fbfcfe : +46
CSS入門、作ってます。
text-shadow