#014b6a
RGB
| 赤 | 1 |
|---|---|
| 緑 | 75 |
| 青 | 106 |
HSL
| 色相 | 198° |
|---|---|
| 彩度 | 98% |
| 明度 | 21% |
| 輝度 | 22% |
３桁の色
補色
反転色
RGB ( 赤 = 1, 緑 = 75, 青 = 106 )
HSL ( 色相 = 198°, 彩度 = 98%, 明度 = 21% )
H : 色相 ( 198° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #6a0f01 : -190
18 : #6a2101 : -180
28 : #6a3201 : -170
38 : #6a4401 : -160
48 : #6a5501 : -150
58 : #6a6701 : -140
68 : #5c6a01 : -130
78 : #4b6a01 : -120
88 : #396a01 : -110
98 : #286a01 : -100
108 : #166a01 : -90
118 : #056a01 : -80
128 : #016a0f : -70
138 : #016a21 : -60
148 : #016a32 : -50
158 : #016a44 : -40
168 : #016a55 : -30
178 : #016a67 : -20
188 : #015c6a : -10
198 : #014b6a : ±0
208 : #01396a : +10
218 : #01286a : +20
228 : #01166a : +30
238 : #01056a : +40
248 : #0f016a : +50
258 : #21016a : +60
268 : #32016a : +70
278 : #44016a : +80
288 : #55016a : +90
298 : #67016a : +100
308 : #6a015c : +110
318 : #6a014b : +120
328 : #6a0139 : +130
338 : #6a0128 : +140
348 : #6a0116 : +150
358 : #6a0105 : +160
188 : #015c6a : -10
189 : #015a6a : -9
190 : #01596a : -8
191 : #01576a : -7
192 : #01556a : -6
193 : #01536a : -5
194 : #01526a : -4
195 : #01506a : -3
196 : #014e6a : -2
197 : #014c6a : -1
198 : #014b6a : ±0
199 : #01496a : +1
200 : #01476a : +2
201 : #01456a : +3
202 : #01446a : +4
203 : #01426a : +5
204 : #01406a : +6
205 : #013e6a : +7
206 : #013d6a : +8
207 : #013b6a : +9
208 : #01396a : +10
S : 彩度 ( 98% )
(0%) 渋い ～ 鮮やか (100%)
0 : #353535 : -98
2 : #343637 : -96
4 : #333638 : -94
6 : #323739 : -92
8 : #31373a : -90
10 : #30383b : -88
12 : #2f383c : -86
14 : #2e393d : -84
16 : #2d393e : -82
18 : #2c393f : -80
20 : #2b3a40 : -78
22 : #2a3a41 : -76
24 : #293b42 : -74
26 : #283b43 : -72
28 : #273c45 : -70
30 : #253c46 : -68
32 : #243c47 : -66
34 : #233d48 : -64
36 : #223d49 : -62
38 : #213e4a : -60
40 : #203e4b : -58
42 : #1f3f4c : -56
44 : #1e3f4d : -54
46 : #1d3f4e : -52
48 : #1c404f : -50
50 : #1b4050 : -48
52 : #1a4151 : -46
54 : #194152 : -44
56 : #184254 : -42
58 : #164255 : -40
60 : #154256 : -38
62 : #144357 : -36
64 : #134358 : -34
66 : #124459 : -32
68 : #11445a : -30
70 : #10455b : -28
72 : #0f455c : -26
74 : #0e455d : -24
76 : #0d465e : -22
78 : #0c465f : -20
80 : #0b4760 : -18
82 : #0a4761 : -16
84 : #094863 : -14
86 : #074864 : -12
88 : #064865 : -10
90 : #054966 : -8
92 : #044967 : -6
94 : #034a68 : -4
96 : #024a69 : -2
98 : #014b6a : ±0
100 : #004b6b : +2
L : 明度 ( 21% )
(0%) 暗い ～ 明るい (100%)
1 : #000405 : -20
3 : #000b0f : -18
5 : #001219 : -16
7 : #001923 : -14
9 : #00202d : -12
11 : #012738 : -10
13 : #012e42 : -8
15 : #01354c : -6
17 : #013c56 : -4
19 : #014360 : -2
21 : #014b6a : ±0
23 : #015274 : +2
25 : #01597e : +4
27 : #016088 : +6
29 : #016792 : +8
31 : #026e9d : +10
33 : #0275a7 : +12
35 : #027cb1 : +14
37 : #0283bb : +16
39 : #028ac5 : +18
41 : #0292cf : +20
43 : #0299d9 : +22
45 : #02a0e3 : +24
47 : #02a7ed : +26
49 : #02aef7 : +28
51 : #08b3fd : +30
53 : #12b6fd : +32
55 : #1cb9fd : +34
57 : #26bcfd : +36
59 : #30bffd : +38
61 : #3ac3fd : +40
63 : #44c6fd : +42
65 : #4ec9fd : +44
67 : #58ccfd : +46
69 : #62cffd : +48
71 : #6dd2fe : +50
73 : #77d5fe : +52
75 : #81d8fe : +54
77 : #8bdbfe : +56
79 : #95defe : +58
81 : #9fe2fe : +60
83 : #a9e5fe : +62
85 : #b3e8fe : +64
87 : #bdebfe : +66
89 : #c7eefe : +68
91 : #d2f1ff : +70
93 : #dcf4ff : +72
95 : #e6f7ff : +74
97 : #f0faff : +76
99 : #fafdff : +78
CSS入門、作ってます。
text-shadow