#cab049
RGB
赤 | 202 |
---|---|
緑 | 176 |
青 | 73 |
HSL
色相 | 48° |
---|---|
彩度 | 55% |
明度 | 54% |
輝度 | 67% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 202, 緑 = 176, 青 = 73 )
HSL ( 色相 = 48°, 彩度 = 55%, 明度 = 54% )
H : 色相 ( 48° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #ca5a49 : -40
18 : #ca7049 : -30
28 : #ca8549 : -20
38 : #ca9b49 : -10
48 : #cab049 : ±0
58 : #cac649 : +10
68 : #b9ca49 : +20
78 : #a4ca49 : +30
88 : #8eca49 : +40
98 : #78ca49 : +50
108 : #63ca49 : +60
118 : #4dca49 : +70
128 : #49ca5a : +80
138 : #49ca70 : +90
148 : #49ca85 : +100
158 : #49ca9b : +110
168 : #49cab0 : +120
178 : #49cac6 : +130
188 : #49b9ca : +140
198 : #49a4ca : +150
208 : #498eca : +160
218 : #4978ca : +170
228 : #4963ca : +180
238 : #494dca : +190
248 : #5a49ca : +200
258 : #7049ca : +210
268 : #8549ca : +220
278 : #9b49ca : +230
288 : #b049ca : +240
298 : #c649ca : +250
308 : #ca49b9 : +260
318 : #ca49a4 : +270
328 : #ca498e : +280
338 : #ca4978 : +290
348 : #ca4963 : +300
358 : #ca494d : +310
38 : #ca9b49 : -10
39 : #ca9d49 : -9
40 : #ca9f49 : -8
41 : #caa149 : -7
42 : #caa449 : -6
43 : #caa649 : -5
44 : #caa849 : -4
45 : #caaa49 : -3
46 : #caac49 : -2
47 : #caae49 : -1
48 : #cab049 : ±0
49 : #cab349 : +1
50 : #cab549 : +2
51 : #cab749 : +3
52 : #cab949 : +4
53 : #cabb49 : +5
54 : #cabd49 : +6
55 : #cabf49 : +7
56 : #cac249 : +8
57 : #cac449 : +9
58 : #cac649 : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8b8a89 : -54
3 : #8d8c86 : -52
5 : #908d84 : -50
7 : #928f81 : -48
9 : #94907f : -46
11 : #97917d : -44
13 : #99937a : -42
15 : #9b9478 : -40
17 : #9e9676 : -38
19 : #a09773 : -36
21 : #a29871 : -34
23 : #a59a6f : -32
25 : #a79b6c : -30
27 : #a99d6a : -28
29 : #ac9e68 : -26
31 : #aea065 : -24
33 : #b0a163 : -22
35 : #b3a261 : -20
37 : #b5a45e : -18
39 : #b7a55c : -16
41 : #baa75a : -14
43 : #bca857 : -12
45 : #bea955 : -10
47 : #c1ab53 : -8
49 : #c3ac50 : -6
51 : #c6ae4e : -4
53 : #c8af4c : -2
55 : #cab049 : ±0
57 : #cdb247 : +2
59 : #cfb344 : +4
61 : #d1b542 : +6
63 : #d4b640 : +8
65 : #d6b73d : +10
67 : #d8b93b : +12
69 : #dbba39 : +14
71 : #ddbc36 : +16
73 : #dfbd34 : +18
75 : #e2be32 : +20
77 : #e4c02f : +22
79 : #e6c12d : +24
81 : #e9c32b : +26
83 : #ebc428 : +28
85 : #edc626 : +30
87 : #f0c724 : +32
89 : #f2c821 : +34
91 : #f4ca1f : +36
93 : #f7cb1d : +38
95 : #f9cd1a : +40
97 : #fbce18 : +42
99 : #fecf16 : +44
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #080702 : -52
4 : #100e05 : -50
6 : #181407 : -48
8 : #201b09 : -46
10 : #28220b : -44
12 : #2f290e : -42
14 : #372f10 : -40
16 : #3f3612 : -38
18 : #473d15 : -36
20 : #4f4417 : -34
22 : #574b19 : -32
24 : #5f511c : -30
26 : #67581e : -28
28 : #6f5f20 : -26
30 : #776622 : -24
32 : #7e6d25 : -22
34 : #867327 : -20
36 : #8e7a29 : -18
38 : #96812c : -16
40 : #9e882e : -14
42 : #a68e30 : -12
44 : #ae9532 : -10
46 : #b69c35 : -8
48 : #bea337 : -6
50 : #c6aa39 : -4
52 : #c8ad41 : -2
54 : #cab049 : ±0
56 : #cdb451 : +2
58 : #cfb759 : +4
60 : #d1bb61 : +6
62 : #d3be69 : +8
64 : #d6c171 : +10
66 : #d8c579 : +12
68 : #dac881 : +14
70 : #ddcc88 : +16
72 : #dfcf90 : +18
74 : #e1d398 : +20
76 : #e3d6a0 : +22
78 : #e6d9a8 : +24
80 : #e8ddb0 : +26
82 : #eae0b8 : +28
84 : #ede4c0 : +30
86 : #efe7c8 : +32
88 : #f1ead0 : +34
90 : #f4eed7 : +36
92 : #f6f1df : +38
94 : #f8f5e7 : +40
96 : #faf8ef : +42
98 : #fdfcf7 : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow