#eaa56c
RGB
赤 | 234 |
---|---|
緑 | 165 |
青 | 108 |
HSL
色相 | 27° |
---|---|
彩度 | 75% |
明度 | 67% |
輝度 | 70% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 234, 緑 = 165, 青 = 108 )
HSL ( 色相 = 27°, 彩度 = 75%, 明度 = 67% )
H : 色相 ( 27° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #ea7a6c : -20
17 : #ea906c : -10
27 : #eaa56c : ±0
37 : #eaba6c : +10
47 : #eacf6c : +20
57 : #eae46c : +30
67 : #dbea6c : +40
77 : #c6ea6c : +50
87 : #b1ea6c : +60
97 : #9cea6c : +70
107 : #87ea6c : +80
117 : #72ea6c : +90
127 : #6cea7a : +100
137 : #6cea90 : +110
147 : #6ceaa5 : +120
157 : #6ceaba : +130
167 : #6ceacf : +140
177 : #6ceae4 : +150
187 : #6cdbea : +160
197 : #6cc6ea : +170
207 : #6cb1ea : +180
217 : #6c9cea : +190
227 : #6c87ea : +200
237 : #6c72ea : +210
247 : #7a6cea : +220
257 : #906cea : +230
267 : #a56cea : +240
277 : #ba6cea : +250
287 : #cf6cea : +260
297 : #e46cea : +270
307 : #ea6cdb : +280
317 : #ea6cc6 : +290
327 : #ea6cb1 : +300
337 : #ea6c9c : +310
347 : #ea6c87 : +320
357 : #ea6c72 : +330
17 : #ea906c : -10
18 : #ea926c : -9
19 : #ea946c : -8
20 : #ea966c : -7
21 : #ea986c : -6
22 : #ea9a6c : -5
23 : #ea9c6c : -4
24 : #ea9e6c : -3
25 : #eaa06c : -2
26 : #eaa26c : -1
27 : #eaa56c : ±0
28 : #eaa76c : +1
29 : #eaa96c : +2
30 : #eaab6c : +3
31 : #eaad6c : +4
32 : #eaaf6c : +5
33 : #eab16c : +6
34 : #eab36c : +7
35 : #eab56c : +8
36 : #eab76c : +9
37 : #eaba6c : +10
S : 彩度 ( 75% )
(0%) 渋い ~ 鮮やか (100%)
1 : #acabaa : -74
3 : #adaba8 : -72
5 : #afaaa7 : -70
7 : #b1aaa5 : -68
9 : #b2aaa3 : -66
11 : #b4aaa2 : -64
13 : #b6aaa0 : -62
15 : #b7aa9e : -60
17 : #b9a99d : -58
19 : #bba99b : -56
21 : #bda999 : -54
23 : #bea997 : -52
25 : #c0a996 : -50
27 : #c2a994 : -48
29 : #c3a892 : -46
31 : #c5a891 : -44
33 : #c7a88f : -42
35 : #c8a88d : -40
37 : #caa88c : -38
39 : #cca88a : -36
41 : #cda788 : -34
43 : #cfa787 : -32
45 : #d1a785 : -30
47 : #d2a783 : -28
49 : #d4a782 : -26
51 : #d6a780 : -24
53 : #d7a67e : -22
55 : #d9a67d : -20
57 : #dba67b : -18
59 : #dca679 : -16
61 : #dea678 : -14
63 : #e0a676 : -12
65 : #e2a574 : -10
67 : #e3a572 : -8
69 : #e5a571 : -6
71 : #e7a56f : -4
73 : #e8a56d : -2
75 : #eaa56c : ±0
77 : #eca46a : +2
79 : #eda468 : +4
81 : #efa467 : +6
83 : #f1a465 : +8
85 : #f2a463 : +10
87 : #f4a462 : +12
89 : #f6a360 : +14
91 : #f7a35e : +16
93 : #f9a35d : +18
95 : #fba35b : +20
97 : #fca359 : +22
99 : #fea358 : +24
L : 明度 ( 67% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -66
3 : #0d0702 : -64
5 : #160c03 : -62
7 : #1f1104 : -60
9 : #281506 : -58
11 : #311a07 : -56
13 : #3a1f08 : -54
15 : #43230a : -52
17 : #4c280b : -50
19 : #552d0c : -48
21 : #5e320d : -46
23 : #67360f : -44
25 : #703b10 : -42
27 : #784011 : -40
29 : #814412 : -38
31 : #8a4914 : -36
33 : #934e15 : -34
35 : #9c5316 : -32
37 : #a55718 : -30
39 : #ae5c19 : -28
41 : #b7611a : -26
43 : #c0651b : -24
45 : #c96a1d : -22
47 : #d26f1e : -20
49 : #db741f : -18
51 : #e07924 : -16
53 : #e17e2d : -14
55 : #e28436 : -12
57 : #e4893f : -10
59 : #e58f48 : -8
61 : #e69451 : -6
63 : #e79a5a : -4
65 : #e99f63 : -2
67 : #eaa56c : ±0
69 : #ebaa75 : +2
71 : #edb07e : +4
73 : #eeb587 : +6
75 : #efba8f : +8
77 : #f0c098 : +10
79 : #f2c5a1 : +12
81 : #f3cbaa : +14
83 : #f4d0b3 : +16
85 : #f5d6bc : +18
87 : #f7dbc5 : +20
89 : #f8e1ce : +22
91 : #f9e6d7 : +24
93 : #fbece0 : +26
95 : #fcf1e9 : +28
97 : #fdf7f2 : +30
99 : #fefcfb : +32
CSS入門、作ってます。
text-shadow