#198f50
RGB
赤 | 25 |
---|---|
緑 | 143 |
青 | 80 |
HSL
色相 | 148° |
---|---|
彩度 | 70% |
明度 | 33% |
輝度 | 39% |
3桁の色
補色
反転色
RGB ( 赤 = 25, 緑 = 143, 青 = 80 )
HSL ( 色相 = 148°, 彩度 = 70%, 明度 = 33% )
H : 色相 ( 148° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #8f2919 : -140
18 : #8f3d19 : -130
28 : #8f5019 : -120
38 : #8f6419 : -110
48 : #8f7719 : -100
58 : #8f8b19 : -90
68 : #7f8f19 : -80
78 : #6c8f19 : -70
88 : #588f19 : -60
98 : #448f19 : -50
108 : #318f19 : -40
118 : #1d8f19 : -30
128 : #198f29 : -20
138 : #198f3d : -10
148 : #198f50 : ±0
158 : #198f64 : +10
168 : #198f77 : +20
178 : #198f8b : +30
188 : #197f8f : +40
198 : #196c8f : +50
208 : #19588f : +60
218 : #19448f : +70
228 : #19318f : +80
238 : #191d8f : +90
248 : #29198f : +100
258 : #3d198f : +110
268 : #50198f : +120
278 : #64198f : +130
288 : #77198f : +140
298 : #8b198f : +150
308 : #8f197f : +160
318 : #8f196c : +170
328 : #8f1958 : +180
338 : #8f1944 : +190
348 : #8f1931 : +200
358 : #8f191d : +210
138 : #198f3d : -10
139 : #198f3f : -9
140 : #198f41 : -8
141 : #198f42 : -7
142 : #198f44 : -6
143 : #198f46 : -5
144 : #198f48 : -4
145 : #198f4a : -3
146 : #198f4c : -2
147 : #198f4e : -1
148 : #198f50 : ±0
149 : #198f52 : +1
150 : #198f54 : +2
151 : #198f56 : +3
152 : #198f58 : +4
153 : #198f5a : +5
154 : #198f5c : +6
155 : #198f5e : +7
156 : #198f60 : +8
157 : #198f62 : +9
158 : #198f64 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #545454 : -70
2 : #525654 : -68
4 : #515854 : -66
6 : #4f5954 : -64
8 : #4d5b54 : -62
10 : #4c5d54 : -60
12 : #4a5e53 : -58
14 : #486053 : -56
16 : #476253 : -54
18 : #456353 : -52
20 : #436553 : -50
22 : #426753 : -48
24 : #406853 : -46
26 : #3e6a53 : -44
28 : #3d6c53 : -42
30 : #3b6d52 : -40
32 : #396f52 : -38
34 : #387152 : -36
36 : #367252 : -34
38 : #347452 : -32
40 : #327652 : -30
42 : #317752 : -28
44 : #2f7952 : -26
46 : #2d7b52 : -24
48 : #2c7d51 : -22
50 : #2a7e51 : -20
52 : #288051 : -18
54 : #278251 : -16
56 : #258351 : -14
58 : #238551 : -12
60 : #228751 : -10
62 : #208851 : -8
64 : #1e8a51 : -6
66 : #1d8c50 : -4
68 : #1b8d50 : -2
70 : #198f50 : ±0
72 : #189150 : +2
74 : #169250 : +4
76 : #149450 : +6
78 : #139650 : +8
80 : #119750 : +10
82 : #0f9950 : +12
84 : #0d9b4f : +14
86 : #0c9d4f : +16
88 : #0a9e4f : +18
90 : #08a04f : +20
92 : #07a24f : +22
94 : #05a34f : +24
96 : #03a54f : +26
98 : #02a74f : +28
100 : #00a84f : +30
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #010402 : -32
3 : #020d07 : -30
5 : #04160c : -28
7 : #051e11 : -26
9 : #072716 : -24
11 : #08301b : -22
13 : #0a3820 : -20
15 : #0b4124 : -18
17 : #0d4a29 : -16
19 : #0f522e : -14
21 : #105b33 : -12
23 : #126438 : -10
25 : #136c3d : -8
27 : #157542 : -6
29 : #167e46 : -4
31 : #18864b : -2
33 : #198f50 : ±0
35 : #1b9855 : +2
37 : #1ca05a : +4
39 : #1ea95f : +6
41 : #1fb264 : +8
43 : #21ba69 : +10
45 : #22c36d : +12
47 : #24cc72 : +14
49 : #25d477 : +16
51 : #2bda7c : +18
53 : #33db82 : +20
55 : #3cdd87 : +22
57 : #45de8c : +24
59 : #4de092 : +26
61 : #56e197 : +28
63 : #5fe39c : +30
65 : #67e4a2 : +32
67 : #70e6a7 : +34
69 : #79e7ac : +36
71 : #81e9b2 : +38
73 : #8aeab7 : +40
75 : #93ecbc : +42
77 : #9bedc2 : +44
79 : #a4efc7 : +46
81 : #adf0cc : +48
83 : #b5f2d2 : +50
85 : #bef4d7 : +52
87 : #c7f5dc : +54
89 : #cff7e2 : +56
91 : #d8f8e7 : +58
93 : #e1faec : +60
95 : #e9fbf2 : +62
97 : #f2fdf7 : +64
99 : #fbfefc : +66
CSS入門、作ってます。
text-shadow