#74789a
RGB
赤 | 116 |
---|---|
緑 | 120 |
青 | 154 |
HSL
色相 | 234° |
---|---|
彩度 | 16% |
明度 | 53% |
輝度 | 48% |
3桁の色
補色
反転色
RGB ( 赤 = 116, 緑 = 120, 青 = 154 )
HSL ( 色相 = 234°, 彩度 = 16%, 明度 = 53% )
H : 色相 ( 234° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #9a7774 : -230
14 : #9a7d74 : -220
24 : #9a8374 : -210
34 : #9a8a74 : -200
44 : #9a9074 : -190
54 : #9a9674 : -180
64 : #989a74 : -170
74 : #919a74 : -160
84 : #8b9a74 : -150
94 : #859a74 : -140
104 : #7e9a74 : -130
114 : #789a74 : -120
124 : #749a77 : -110
134 : #749a7d : -100
144 : #749a83 : -90
154 : #749a8a : -80
164 : #749a90 : -70
174 : #749a96 : -60
184 : #74989a : -50
194 : #74919a : -40
204 : #748b9a : -30
214 : #74859a : -20
224 : #747e9a : -10
234 : #74789a : ±0
244 : #77749a : +10
254 : #7d749a : +20
264 : #83749a : +30
274 : #8a749a : +40
284 : #90749a : +50
294 : #96749a : +60
304 : #9a7498 : +70
314 : #9a7491 : +80
324 : #9a748b : +90
334 : #9a7485 : +100
344 : #9a747e : +110
354 : #9a7478 : +120
224 : #747e9a : -10
225 : #747e9a : -9
226 : #747d9a : -8
227 : #747c9a : -7
228 : #747c9a : -6
229 : #747b9a : -5
230 : #747a9a : -4
231 : #747a9a : -3
232 : #74799a : -2
233 : #74789a : -1
234 : #74789a : ±0
235 : #74779a : +1
236 : #74779a : +2
237 : #74769a : +3
238 : #74759a : +4
239 : #74759a : +5
240 : #74749a : +6
241 : #75749a : +7
242 : #75749a : +8
243 : #76749a : +9
244 : #77749a : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #878787 : -16
2 : #85858a : -14
4 : #82838c : -12
6 : #80818e : -10
8 : #7e7f91 : -8
10 : #7b7e93 : -6
12 : #797c96 : -4
14 : #767a98 : -2
16 : #74789a : ±0
18 : #72769d : +2
20 : #6f749f : +4
22 : #6d72a2 : +6
24 : #6a70a4 : +8
26 : #686ea6 : +10
28 : #666ca9 : +12
30 : #636aab : +14
32 : #6168ae : +16
34 : #5e67b0 : +18
36 : #5c65b2 : +20
38 : #5a63b5 : +22
40 : #5761b7 : +24
42 : #555fb9 : +26
44 : #525dbc : +28
46 : #505bbe : +30
48 : #4e59c1 : +32
50 : #4b57c3 : +34
52 : #4955c5 : +36
54 : #4653c8 : +38
56 : #4451ca : +40
58 : #4250cd : +42
60 : #3f4ecf : +44
62 : #3d4cd1 : +46
64 : #3a4ad4 : +48
66 : #3848d6 : +50
68 : #3646d9 : +52
70 : #3344db : +54
72 : #3142dd : +56
74 : #2e40e0 : +58
76 : #2c3ee2 : +60
78 : #2a3ce5 : +62
80 : #273ae7 : +64
82 : #2539e9 : +66
84 : #2237ec : +68
86 : #2035ee : +70
88 : #1e33f1 : +72
90 : #1b31f3 : +74
92 : #192ff5 : +76
94 : #162df8 : +78
96 : #142bfa : +80
98 : #1229fd : +82
100 : #0f27ff : +84
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -52
3 : #060709 : -50
5 : #0b0b0f : -48
7 : #0f1015 : -46
9 : #13141b : -44
11 : #181821 : -42
13 : #1c1d26 : -40
15 : #20212c : -38
17 : #242632 : -36
19 : #292a38 : -34
21 : #2d2f3e : -32
23 : #313344 : -30
25 : #36384a : -28
27 : #3a3c50 : -26
29 : #3e4056 : -24
31 : #42455c : -22
33 : #474962 : -20
35 : #4b4e68 : -18
37 : #4f526d : -16
39 : #545773 : -14
41 : #585b79 : -12
43 : #5c607f : -10
45 : #606485 : -8
47 : #65698b : -6
49 : #696d91 : -4
51 : #6e7296 : -2
53 : #74789a : ±0
55 : #7a7e9f : +2
57 : #8083a3 : +4
59 : #8689a7 : +6
61 : #8c8fab : +8
63 : #9295b0 : +10
65 : #979ab4 : +12
67 : #9da0b8 : +14
69 : #a3a6bd : +16
71 : #a9acc1 : +18
73 : #afb1c5 : +20
75 : #b5b7c9 : +22
77 : #bbbdce : +24
79 : #c1c3d2 : +26
81 : #c7c8d6 : +28
83 : #cdcedb : +30
85 : #d3d4df : +32
87 : #d9dae3 : +34
89 : #dedfe7 : +36
91 : #e4e5ec : +38
93 : #eaebf0 : +40
95 : #f0f1f4 : +42
97 : #f6f6f9 : +44
99 : #fcfcfd : +46
CSS入門、作ってます。
text-shadow