#6671eb
RGB
| 赤 | 102 |
|---|---|
| 緑 | 113 |
| 青 | 235 |
HSL
| 色相 | 235° |
|---|---|
| 彩度 | 77% |
| 明度 | 66% |
| 輝度 | 48% |
３桁の色
補色
反転色
RGB ( 赤 = 102, 緑 = 113, 青 = 235 )
HSL ( 色相 = 235°, 彩度 = 77%, 明度 = 66% )
H : 色相 ( 235° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #eb7166 : -230
15 : #eb8766 : -220
25 : #eb9d66 : -210
35 : #ebb366 : -200
45 : #ebca66 : -190
55 : #ebe066 : -180
65 : #e0eb66 : -170
75 : #caeb66 : -160
85 : #b3eb66 : -150
95 : #9deb66 : -140
105 : #87eb66 : -130
115 : #71eb66 : -120
125 : #66eb71 : -110
135 : #66eb87 : -100
145 : #66eb9d : -90
155 : #66ebb3 : -80
165 : #66ebca : -70
175 : #66ebe0 : -60
185 : #66e0eb : -50
195 : #66caeb : -40
205 : #66b3eb : -30
215 : #669deb : -20
225 : #6687eb : -10
235 : #6671eb : ±0
245 : #7166eb : +10
255 : #8766eb : +20
265 : #9d66eb : +30
275 : #b366eb : +40
285 : #ca66eb : +50
295 : #e066eb : +60
305 : #eb66e0 : +70
315 : #eb66ca : +80
325 : #eb66b3 : +90
335 : #eb669d : +100
345 : #eb6687 : +110
355 : #eb6671 : +120
225 : #6687eb : -10
226 : #6685eb : -9
227 : #6682eb : -8
228 : #6680eb : -7
229 : #667eeb : -6
230 : #667ceb : -5
231 : #667aeb : -4
232 : #6677eb : -3
233 : #6675eb : -2
234 : #6673eb : -1
235 : #6671eb : ±0
236 : #666eeb : +1
237 : #666ceb : +2
238 : #666aeb : +3
239 : #6668eb : +4
240 : #6666eb : +5
241 : #6866eb : +6
242 : #6a66eb : +7
243 : #6c66eb : +8
244 : #6e66eb : +9
245 : #7166eb : +10
S : 彩度 ( 77% )
(0%) 渋い ～ 鮮やか (100%)
1 : #a7a8a9 : -76
3 : #a6a6ab : -74
5 : #a4a5ad : -72
7 : #a2a3ae : -70
9 : #a0a2b0 : -68
11 : #9fa0b2 : -66
13 : #9d9fb4 : -64
15 : #9b9db5 : -62
17 : #9a9cb7 : -60
19 : #989bb9 : -58
21 : #9699bb : -56
23 : #9498bc : -54
25 : #9396be : -52
27 : #9195c0 : -50
29 : #8f93c1 : -48
31 : #8d92c3 : -46
33 : #8c90c5 : -44
35 : #8a8fc7 : -42
37 : #888ec8 : -40
39 : #868cca : -38
41 : #858bcc : -36
43 : #8389ce : -34
45 : #8188cf : -32
47 : #8086d1 : -30
49 : #7e85d3 : -28
51 : #7c83d5 : -26
53 : #7a82d6 : -24
55 : #7981d8 : -22
57 : #777fda : -20
59 : #757edb : -18
61 : #737cdd : -16
63 : #727bdf : -14
65 : #7079e1 : -12
67 : #6e78e2 : -10
69 : #6c76e4 : -8
71 : #6b75e6 : -6
73 : #6974e8 : -4
75 : #6772e9 : -2
77 : #6671eb : ±0
79 : #646fed : +2
81 : #626eef : +4
83 : #606cf0 : +6
85 : #5f6bf2 : +8
87 : #5d69f4 : +10
89 : #5b68f5 : +12
91 : #5967f7 : +14
93 : #5865f9 : +16
95 : #5664fb : +18
97 : #5462fc : +20
99 : #5261fe : +22
L : 明度 ( 66% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -66
2 : #010209 : -64
4 : #020412 : -62
6 : #04051b : -60
8 : #050724 : -58
10 : #06092d : -56
12 : #070b36 : -54
14 : #080d3f : -52
16 : #090f48 : -50
18 : #0b1051 : -48
20 : #0c125a : -46
22 : #0d1463 : -44
24 : #0e166c : -42
26 : #0f1875 : -40
28 : #101a7e : -38
30 : #121b87 : -36
32 : #131d90 : -34
34 : #141f99 : -32
36 : #1521a2 : -30
38 : #1623ac : -28
40 : #1725b5 : -26
42 : #1926be : -24
44 : #1a28c7 : -22
46 : #1b2ad0 : -20
48 : #1c2cd9 : -18
50 : #1d2ee2 : -16
52 : #2636e3 : -14
54 : #2f3ee4 : -12
56 : #3847e5 : -10
58 : #414fe6 : -8
60 : #4a58e8 : -6
62 : #5360e9 : -4
64 : #5d68ea : -2
66 : #6671eb : ±0
68 : #6f79ec : +2
70 : #7881ed : +4
72 : #818aef : +6
74 : #8a92f0 : +8
76 : #939bf1 : +10
78 : #9ca3f2 : +12
80 : #a5abf3 : +14
82 : #aeb4f4 : +16
84 : #b7bcf6 : +18
86 : #c0c4f7 : +20
88 : #c9cdf8 : +22
90 : #d2d5f9 : +24
92 : #dbdefa : +26
94 : #e4e6fb : +28
96 : #edeefd : +30
98 : #f6f7fe : +32
100 : #ffffff : +34
CSS入門、作ってます。
text-shadow