#42704d
RGB
赤 | 66 |
---|---|
緑 | 112 |
青 | 77 |
HSL
色相 | 134° |
---|---|
彩度 | 26% |
明度 | 35% |
輝度 | 37% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 66, 緑 = 112, 青 = 77 )
HSL ( 色相 = 134°, 彩度 = 26%, 明度 = 35% )
H : 色相 ( 134° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #704542 : -130
14 : #704d42 : -120
24 : #705542 : -110
34 : #705c42 : -100
44 : #706442 : -90
54 : #706c42 : -80
64 : #6d7042 : -70
74 : #667042 : -60
84 : #5e7042 : -50
94 : #567042 : -40
104 : #4e7042 : -30
114 : #477042 : -20
124 : #427045 : -10
134 : #42704d : ±0
144 : #427055 : +10
154 : #42705c : +20
164 : #427064 : +30
174 : #42706c : +40
184 : #426d70 : +50
194 : #426670 : +60
204 : #425e70 : +70
214 : #425670 : +80
224 : #424e70 : +90
234 : #424770 : +100
244 : #454270 : +110
254 : #4d4270 : +120
264 : #554270 : +130
274 : #5c4270 : +140
284 : #644270 : +150
294 : #6c4270 : +160
304 : #70426d : +170
314 : #704266 : +180
324 : #70425e : +190
334 : #704256 : +200
344 : #70424e : +210
354 : #704247 : +220
124 : #427045 : -10
125 : #427046 : -9
126 : #427047 : -8
127 : #427047 : -7
128 : #427048 : -6
129 : #427049 : -5
130 : #42704a : -4
131 : #42704b : -3
132 : #42704b : -2
133 : #42704c : -1
134 : #42704d : ±0
135 : #42704e : +1
136 : #42704e : +2
137 : #42704f : +3
138 : #427050 : +4
139 : #427051 : +5
140 : #427052 : +6
141 : #427052 : +7
142 : #427053 : +8
143 : #427054 : +9
144 : #427055 : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #595959 : -26
2 : #575b58 : -24
4 : #565d57 : -22
6 : #545f56 : -20
8 : #526055 : -18
10 : #506254 : -16
12 : #4f6454 : -14
14 : #4d6653 : -12
16 : #4b6852 : -10
18 : #496951 : -8
20 : #476b50 : -6
22 : #466d4f : -4
24 : #446f4e : -2
26 : #42704d : ±0
28 : #40724c : +2
30 : #3e744b : +4
32 : #3d764a : +6
34 : #3b7849 : +8
36 : #397948 : +10
38 : #377b47 : +12
40 : #367d46 : +14
42 : #347f45 : +16
44 : #328144 : +18
46 : #308243 : +20
48 : #2e8442 : +22
50 : #2d8641 : +24
52 : #2b8840 : +26
54 : #298940 : +28
56 : #278b3f : +30
58 : #258d3e : +32
60 : #248f3d : +34
62 : #22913c : +36
64 : #20923b : +38
66 : #1e943a : +40
68 : #1d9639 : +42
70 : #1b9838 : +44
72 : #199a37 : +46
74 : #179b36 : +48
76 : #159d35 : +50
78 : #149f34 : +52
80 : #12a133 : +54
82 : #10a232 : +56
84 : #0ea431 : +58
86 : #0ca630 : +60
88 : #0ba82f : +62
90 : #09aa2e : +64
92 : #07ab2d : +66
94 : #05ad2d : +68
96 : #04af2c : +70
98 : #02b12b : +72
100 : #00b32a : +74
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -34
3 : #060a07 : -32
5 : #09100b : -30
7 : #0d160f : -28
9 : #111d14 : -26
11 : #152318 : -24
13 : #192a1d : -22
15 : #1c3021 : -20
17 : #203725 : -18
19 : #243d2a : -16
21 : #28432e : -14
23 : #2b4a33 : -12
25 : #2f5037 : -10
27 : #33573b : -8
29 : #375d40 : -6
31 : #3a6444 : -4
33 : #3e6a48 : -2
35 : #42704d : ±0
37 : #467751 : +2
39 : #4a7d56 : +4
41 : #4d845a : +6
43 : #518a5e : +8
45 : #559163 : +10
47 : #599767 : +12
49 : #5c9d6c : +14
51 : #62a371 : +16
53 : #68a677 : +18
55 : #6eaa7c : +20
57 : #75ae82 : +22
59 : #7bb288 : +24
61 : #82b58e : +26
63 : #88b994 : +28
65 : #8fbd99 : +30
67 : #95c19f : +32
69 : #9bc5a5 : +34
71 : #a2c8ab : +36
73 : #a8ccb1 : +38
75 : #afd0b6 : +40
77 : #b5d4bc : +42
79 : #bcd7c2 : +44
81 : #c2dbc8 : +46
83 : #c8dfce : +48
85 : #cfe3d3 : +50
87 : #d5e6d9 : +52
89 : #dceadf : +54
91 : #e2eee5 : +56
93 : #e9f2eb : +58
95 : #eff6f0 : +60
97 : #f5f9f6 : +62
99 : #fcfdfc : +64
CSS入門、作ってます。
text-shadow