#018e98
RGB
赤 | 1 |
---|---|
緑 | 142 |
青 | 152 |
HSL
色相 | 184° |
---|---|
彩度 | 99% |
明度 | 30% |
輝度 | 40% |
3桁の色
補色
反転色
RGB ( 赤 = 1, 緑 = 142, 青 = 152 )
HSL ( 色相 = 184°, 彩度 = 99%, 明度 = 30% )
H : 色相 ( 184° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #980b01 : -180
14 : #982401 : -170
24 : #983d01 : -160
34 : #985701 : -150
44 : #987001 : -140
54 : #988901 : -130
64 : #8e9801 : -120
74 : #759801 : -110
84 : #5c9801 : -100
94 : #429801 : -90
104 : #299801 : -80
114 : #109801 : -70
124 : #01980b : -60
134 : #019824 : -50
144 : #01983d : -40
154 : #019857 : -30
164 : #019870 : -20
174 : #019889 : -10
184 : #018e98 : ±0
194 : #017598 : +10
204 : #015c98 : +20
214 : #014298 : +30
224 : #012998 : +40
234 : #011098 : +50
244 : #0b0198 : +60
254 : #240198 : +70
264 : #3d0198 : +80
274 : #570198 : +90
284 : #700198 : +100
294 : #890198 : +110
304 : #98018e : +120
314 : #980175 : +130
324 : #98015c : +140
334 : #980142 : +150
344 : #980129 : +160
354 : #980110 : +170
174 : #019889 : -10
175 : #01988c : -9
176 : #01988e : -8
177 : #019891 : -7
178 : #019893 : -6
179 : #019896 : -5
180 : #019898 : -4
181 : #019698 : -3
182 : #019398 : -2
183 : #019198 : -1
184 : #018e98 : ±0
185 : #018c98 : +1
186 : #018998 : +2
187 : #018798 : +3
188 : #018498 : +4
189 : #018298 : +5
190 : #017f98 : +6
191 : #017c98 : +7
192 : #017a98 : +8
193 : #017798 : +9
194 : #017598 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4c4d4d : -98
3 : #4a4e4f : -96
5 : #495050 : -94
7 : #475152 : -92
9 : #465253 : -90
11 : #445455 : -88
13 : #435556 : -86
15 : #415658 : -84
17 : #3f585a : -82
19 : #3e595b : -80
21 : #3c5a5d : -78
23 : #3b5c5e : -76
25 : #395d60 : -74
27 : #385e61 : -72
29 : #366063 : -70
31 : #356164 : -68
33 : #336266 : -66
35 : #326467 : -64
37 : #306569 : -62
39 : #2f666a : -60
41 : #2d686c : -58
43 : #2c696d : -56
45 : #2a6a6f : -54
47 : #296c70 : -52
49 : #276d72 : -50
51 : #256e74 : -48
53 : #247075 : -46
55 : #227177 : -44
57 : #217278 : -42
59 : #1f747a : -40
61 : #1e757b : -38
63 : #1c767d : -36
65 : #1b787e : -34
67 : #197980 : -32
69 : #187a81 : -30
71 : #167c83 : -28
73 : #157d84 : -26
75 : #137e86 : -24
77 : #128087 : -22
79 : #108189 : -20
81 : #0f828a : -18
83 : #0d848c : -16
85 : #0b858e : -14
87 : #0a868f : -12
89 : #088891 : -10
91 : #078992 : -8
93 : #058a94 : -6
95 : #048b95 : -4
97 : #028d97 : -2
99 : #018e98 : ±0
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #00090a : -28
4 : #001314 : -26
6 : #001c1e : -24
8 : #002629 : -22
10 : #002f33 : -20
12 : #00393d : -18
14 : #004247 : -16
16 : #004c51 : -14
18 : #00555b : -12
20 : #015f65 : -10
22 : #016870 : -8
24 : #01727a : -6
26 : #017b84 : -4
28 : #01858e : -2
30 : #018e98 : ±0
32 : #0198a2 : +2
34 : #01a1ad : +4
36 : #01abb7 : +6
38 : #01b4c1 : +8
40 : #01becb : +10
42 : #01c7d5 : +12
44 : #01d0df : +14
46 : #01dae9 : +16
48 : #01e3f4 : +18
50 : #01edfe : +20
52 : #0beefe : +22
54 : #16eefe : +24
56 : #20effe : +26
58 : #2af0fe : +28
60 : #34f1fe : +30
62 : #3ef1fe : +32
64 : #48f2fe : +34
66 : #52f3fe : +36
68 : #5df3fe : +38
70 : #67f4fe : +40
72 : #71f5fe : +42
74 : #7bf6fe : +44
76 : #85f6fe : +46
78 : #8ff7fe : +48
80 : #9af8fe : +50
82 : #a4f8ff : +52
84 : #aef9ff : +54
86 : #b8faff : +56
88 : #c2fbff : +58
90 : #ccfbff : +60
92 : #d6fcff : +62
94 : #e1fdff : +64
96 : #ebfeff : +66
98 : #f5feff : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow