#6e01c1
RGB
| 赤 | 110 |
|---|---|
| 緑 | 1 |
| 青 | 193 |
HSL
| 色相 | 274° |
|---|---|
| 彩度 | 99% |
| 明度 | 38% |
| 輝度 | 22% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 110, 緑 = 1, 青 = 193 )
HSL ( 色相 = 274°, 彩度 = 99%, 明度 = 38% )
H : 色相 ( 274° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #c10e01 : -270
14 : #c12e01 : -260
24 : #c14e01 : -250
34 : #c16e01 : -240
44 : #c18e01 : -230
54 : #c1ae01 : -220
64 : #b4c101 : -210
74 : #94c101 : -200
84 : #74c101 : -190
94 : #54c101 : -180
104 : #34c101 : -170
114 : #14c101 : -160
124 : #01c10e : -150
134 : #01c12e : -140
144 : #01c14e : -130
154 : #01c16e : -120
164 : #01c18e : -110
174 : #01c1ae : -100
184 : #01b4c1 : -90
194 : #0194c1 : -80
204 : #0174c1 : -70
214 : #0154c1 : -60
224 : #0134c1 : -50
234 : #0114c1 : -40
244 : #0e01c1 : -30
254 : #2e01c1 : -20
264 : #4e01c1 : -10
274 : #6e01c1 : ±0
284 : #8e01c1 : +10
294 : #ae01c1 : +20
304 : #c101b4 : +30
314 : #c10194 : +40
324 : #c10174 : +50
334 : #c10154 : +60
344 : #c10134 : +70
354 : #c10114 : +80
264 : #4e01c1 : -10
265 : #5101c1 : -9
266 : #5401c1 : -8
267 : #5701c1 : -7
268 : #5b01c1 : -6
269 : #5e01c1 : -5
270 : #6101c1 : -4
271 : #6401c1 : -3
272 : #6701c1 : -2
273 : #6a01c1 : -1
274 : #6e01c1 : ±0
275 : #7101c1 : +1
276 : #7401c1 : +2
277 : #7701c1 : +3
278 : #7a01c1 : +4
279 : #7e01c1 : +5
280 : #8101c1 : +6
281 : #8401c1 : +7
282 : #8701c1 : +8
283 : #8a01c1 : +9
284 : #8e01c1 : +10
S : 彩度 ( 99% )
(0%) 渋い ～ 鮮やか (100%)
1 : #616062 : -98
3 : #615e64 : -96
5 : #625c66 : -94
7 : #625a68 : -92
9 : #62586a : -90
11 : #62566c : -88
13 : #63546d : -86
15 : #63526f : -84
17 : #635071 : -82
19 : #634e73 : -80
21 : #644d75 : -78
23 : #644b77 : -76
25 : #644979 : -74
27 : #64477b : -72
29 : #65457d : -70
31 : #65437f : -68
33 : #654181 : -66
35 : #653f83 : -64
37 : #663d85 : -62
39 : #663b87 : -60
41 : #663989 : -58
43 : #66378b : -56
45 : #67358d : -54
47 : #67338e : -52
49 : #673190 : -50
51 : #672f92 : -48
53 : #682e94 : -46
55 : #682c96 : -44
57 : #682a98 : -42
59 : #69289a : -40
61 : #69269c : -38
63 : #69249e : -36
65 : #6922a0 : -34
67 : #6a20a2 : -32
69 : #6a1ea4 : -30
71 : #6a1ca6 : -28
73 : #6a1aa8 : -26
75 : #6b18aa : -24
77 : #6b16ac : -22
79 : #6b14ad : -20
81 : #6b12af : -18
83 : #6c10b1 : -16
85 : #6c0fb3 : -14
87 : #6c0db5 : -12
89 : #6c0bb7 : -10
91 : #6d09b9 : -8
93 : #6d07bb : -6
95 : #6d05bd : -4
97 : #6d03bf : -2
99 : #6e01c1 : ±0
L : 明度 ( 38% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -38
2 : #06000a : -36
4 : #0c0014 : -34
6 : #11001e : -32
8 : #170029 : -30
10 : #1d0033 : -28
12 : #23003d : -26
14 : #280047 : -24
16 : #2e0051 : -22
18 : #34005b : -20
20 : #3a0165 : -18
22 : #400170 : -16
24 : #45017a : -14
26 : #4b0184 : -12
28 : #51018e : -10
30 : #570198 : -8
32 : #5c01a2 : -6
34 : #6201ad : -4
36 : #6801b7 : -2
38 : #6e01c1 : ±0
40 : #7301cb : +2
42 : #7901d5 : +4
44 : #7f01df : +6
46 : #8501e9 : +8
48 : #8b01f4 : +10
50 : #9001fe : +12
52 : #950bfe : +14
54 : #9916fe : +16
56 : #9e20fe : +18
58 : #a22afe : +20
60 : #a634fe : +22
62 : #ab3efe : +24
64 : #af48fe : +26
66 : #b452fe : +28
68 : #b85dfe : +30
70 : #bd67fe : +32
72 : #c171fe : +34
74 : #c57bfe : +36
76 : #ca85fe : +38
78 : #ce8ffe : +40
80 : #d39afe : +42
82 : #d7a4ff : +44
84 : #dcaeff : +46
86 : #e0b8ff : +48
88 : #e4c2ff : +50
90 : #e9ccff : +52
92 : #edd6ff : +54
94 : #f2e1ff : +56
96 : #f6ebff : +58
98 : #fbf5ff : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow