#7865bd
RGB
| 赤 | 120 |
|---|---|
| 緑 | 101 |
| 青 | 189 |
HSL
| 色相 | 253° |
|---|---|
| 彩度 | 40% |
| 明度 | 57% |
| 輝度 | 46% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 120, 緑 = 101, 青 = 189 )
HSL ( 色相 = 253°, 彩度 = 40%, 明度 = 57% )
H : 色相 ( 253° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #bd6a65 : -250
13 : #bd7865 : -240
23 : #bd8765 : -230
33 : #bd9665 : -220
43 : #bda465 : -210
53 : #bdb365 : -200
63 : #b9bd65 : -190
73 : #aabd65 : -180
83 : #9cbd65 : -170
93 : #8dbd65 : -160
103 : #7ebd65 : -150
113 : #70bd65 : -140
123 : #65bd6a : -130
133 : #65bd78 : -120
143 : #65bd87 : -110
153 : #65bd96 : -100
163 : #65bda4 : -90
173 : #65bdb3 : -80
183 : #65b9bd : -70
193 : #65aabd : -60
203 : #659cbd : -50
213 : #658dbd : -40
223 : #657ebd : -30
233 : #6570bd : -20
243 : #6a65bd : -10
253 : #7865bd : ±0
263 : #8765bd : +10
273 : #9665bd : +20
283 : #a465bd : +30
293 : #b365bd : +40
303 : #bd65b9 : +50
313 : #bd65aa : +60
323 : #bd659c : +70
333 : #bd658d : +80
343 : #bd657e : +90
353 : #bd6570 : +100
243 : #6a65bd : -10
244 : #6b65bd : -9
245 : #6d65bd : -8
246 : #6e65bd : -7
247 : #7065bd : -6
248 : #7165bd : -5
249 : #7365bd : -4
250 : #7465bd : -3
251 : #7665bd : -2
252 : #7765bd : -1
253 : #7865bd : ±0
254 : #7a65bd : +1
255 : #7b65bd : +2
256 : #7d65bd : +3
257 : #7e65bd : +4
258 : #8065bd : +5
259 : #8165bd : +6
260 : #8365bd : +7
261 : #8465bd : +8
262 : #8665bd : +9
263 : #8765bd : +10
S : 彩度 ( 40% )
(0%) 渋い ～ 鮮やか (100%)
0 : #919191 : -40
2 : #908f94 : -38
4 : #8f8d96 : -36
6 : #8e8b98 : -34
8 : #8c899a : -32
10 : #8b869c : -30
12 : #8a849f : -28
14 : #8982a1 : -26
16 : #8780a3 : -24
18 : #867ea5 : -22
20 : #857ba7 : -20
22 : #8479a9 : -18
24 : #8277ac : -16
26 : #8175ae : -14
28 : #8073b0 : -12
30 : #7f70b2 : -10
32 : #7d6eb4 : -8
34 : #7c6cb7 : -6
36 : #7b6ab9 : -4
38 : #7a68bb : -2
40 : #7865bd : ±0
42 : #7763bf : +2
44 : #7661c2 : +4
46 : #755fc4 : +6
48 : #745dc6 : +8
50 : #725bc8 : +10
52 : #7158ca : +12
54 : #7056cd : +14
56 : #6f54cf : +16
58 : #6d52d1 : +18
60 : #6c50d3 : +20
62 : #6b4dd5 : +22
64 : #6a4bd8 : +24
66 : #6849da : +26
68 : #6747dc : +28
70 : #6645de : +30
72 : #6542e0 : +32
74 : #6340e2 : +34
76 : #623ee5 : +36
78 : #613ce7 : +38
80 : #603ae9 : +40
82 : #5e37eb : +42
84 : #5d35ed : +44
86 : #5c33f0 : +46
88 : #5b31f2 : +48
90 : #592ff4 : +50
92 : #582cf6 : +52
94 : #572af8 : +54
96 : #5628fb : +56
98 : #5426fd : +58
100 : #5324ff : +60
L : 明度 ( 57% )
(0%) 暗い ～ 明るい (100%)
1 : #020204 : -56
3 : #06050b : -54
5 : #0a0812 : -52
7 : #0e0b19 : -50
9 : #120e20 : -48
11 : #161127 : -46
13 : #1a142e : -44
15 : #1e1736 : -42
17 : #221a3d : -40
19 : #251d44 : -38
21 : #29204b : -36
23 : #2d2352 : -34
25 : #312659 : -32
27 : #352960 : -30
29 : #392c68 : -28
31 : #3d2f6f : -26
33 : #413276 : -24
35 : #45367d : -22
37 : #493984 : -20
39 : #4d3c8b : -18
41 : #513f92 : -16
43 : #55429a : -14
45 : #5945a1 : -12
47 : #5d48a8 : -10
49 : #614baf : -8
51 : #6650b4 : -6
53 : #6c57b7 : -4
55 : #725eba : -2
57 : #7865bd : ±0
59 : #7f6dc0 : +2
61 : #8574c3 : +4
63 : #8b7bc6 : +6
65 : #9282c9 : +8
67 : #9889cd : +10
69 : #9e90d0 : +12
71 : #a497d3 : +14
73 : #ab9fd6 : +16
75 : #b1a6d9 : +18
77 : #b7addc : +20
79 : #bdb4df : +22
81 : #c4bbe2 : +24
83 : #cac2e5 : +26
85 : #d0c9e8 : +28
87 : #d6d1eb : +30
89 : #ddd8ee : +32
91 : #e3dff1 : +34
93 : #e9e6f4 : +36
95 : #efedf7 : +38
97 : #f6f4fa : +40
99 : #fcfbfd : +42
CSS入門、作ってます。
text-shadow